2
我試過jQuery Masonry和Isotope插件,並且似乎無法達到我所期望的佈局。jQuery動態佈局插件
這兩個插件似乎都基於前一行元素的高度來計算「下一個可用空間」。例如:
在這個例子中項目#6進入到最右邊,因爲#4的高度小於#2(在這裏我希望它去)的高度。
我想實現的佈局更類似於左浮動元素:
是否有上述兩個插件的選項來實現這一佈局或者是不同的插件可用?
我試過jQuery Masonry和Isotope插件,並且似乎無法達到我所期望的佈局。jQuery動態佈局插件
這兩個插件似乎都基於前一行元素的高度來計算「下一個可用空間」。例如:
在這個例子中項目#6進入到最右邊,因爲#4的高度小於#2(在這裏我希望它去)的高度。
我想實現的佈局更類似於左浮動元素:
是否有上述兩個插件的選項來實現這一佈局或者是不同的插件可用?
兩個可能的解決方案
試用實驗Masonry-ordered script by tasuk。它可以選擇控制是否要項目從左向右進展,而不是砌體默認的次最佳空間。
構建您自己的custom layout mode for Isotope。您的佈局模式將是砌體的變體。它不是計算下一個最佳空間,而是從左到右通過可用列。