0712-2888027 189-8648-0214
微信公眾號(hào)

孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號(hào)

當(dāng)前位置:主頁(yè) > 技術(shù)支持 > Javascript/JQuery > jQuery Masonry瀑布流插件參數(shù)說(shuō)明

jQuery Masonry瀑布流插件參數(shù)說(shuō)明

時(shí)間:2024-09-14來(lái)源:風(fēng)信官網(wǎng) 點(diǎn)擊: 864次

jQuery Masonry是一個(gè)構(gòu)建瀑布流布局的一個(gè)jQuery插件,通過(guò)它可以輕松使頁(yè)面元素通過(guò)絕對(duì)定位實(shí)現(xiàn)瀑布流布局,以下是參數(shù)介紹:

$('#wrapper').masonry({

singleMode: false,

// 禁用測(cè)量每個(gè)浮動(dòng)元素的寬度。
// 如果浮動(dòng)元素具有相同的寬度,設(shè)置為true。
// 默認(rèn): false


columnWidth: 240,
// 1列網(wǎng)格的寬度,單位為像素(px)。
// 默認(rèn): 第一個(gè)浮動(dòng)元素外寬度。


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

resizeable: true,
// 綁定一個(gè) Masonry 訪問(wèn) 用來(lái) 窗口 resize時(shí)布局平滑流動(dòng).
// 默認(rèn):true


animate: true,
// 布局重排動(dòng)畫。
// 默認(rèn):false


animationOptions: {},
// 一對(duì)動(dòng)畫選項(xiàng),具體參數(shù)可以參考jquery .animate()中的options選項(xiàng)


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


saveOptions: true,
// 默認(rèn)情況下,Masonry 將使用以前Masonry使用過(guò)的參數(shù)選項(xiàng),所以你只需要輸入一次選項(xiàng)
// 默認(rèn):true


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


);

欄目列表
推薦內(nèi)容
熱點(diǎn)內(nèi)容
展開