• 0712-2888027 189-8648-0214
    微信公眾號

    孝感風信網絡科技有限公司微信公眾號

    當前位置:主頁 > 技術支持 > Javascript/JQuery > jQuery Masonry瀑布流插件參數說明

    jQuery Masonry瀑布流插件參數說明

    時間:2024-03-27來源:風信官網 點擊: 675次

    jQuery Masonry是一個構建瀑布流布局的一個jQuery插件,通過它可以輕松使頁面元素通過絕對定位實現瀑布流布局,以下是參數介紹:

    $('#wrapper').masonry({

    singleMode: false,

    // 禁用測量每個浮動元素的寬度。
    // 如果浮動元素具有相同的寬度,設置為true。
    // 默認: false


    columnWidth: 240,
    // 1列網格的寬度,單位為像素(px)。
    // 默認: 第一個浮動元素外寬度。


    itemSelector: '.box:visible',
    // 附加選擇器,用來指定哪些元素包裹的元素會重新排列。

    resizeable: true,
    // 綁定一個 Masonry 訪問 用來 窗口 resize時布局平滑流動.
    // 默認:true


    animate: true,
    // 布局重排動畫。
    // 默認:false


    animationOptions: {},
    // 一對動畫選項,具體參數可以參考jquery .animate()中的options選項


    appendedContent: $('.new_content'),
    // 附加選擇器元素,用來尾部追加內容。
    // 在集成infinitescroll插件的情況下使用。


    saveOptions: true,
    // 默認情況下,Masonry 將使用以前Masonry使用過的參數選項,所以你只需要輸入一次選項
    // 默認:true


    }, function() {}
    // 可選擇的回調函數
    // 'this'將指向重排的Masonry適用元素


    );

    欄目列表
    推薦內容
    熱點內容
    展開
    动漫h精品无码一区二区三区,欧美日韩精品一区二区,午夜麻豆国产精品,加勒比中文字幕无码,亚洲日本va中文字幕区