2012-01-17 128 views
2

我試過jQuery MasonryIsotope插件,並且似乎無法達到我所期望的佈局。jQuery動態佈局插件

這兩個插件似乎都基於前一行元素的高度來計算「下一個可用空間」。例如:

Layout when using Masonry or Isotope plugins

在這個例子中項目#6進入到最右邊,因爲#4的高度小於#2(在這裏我希望它去)的高度。

我想實現的佈局更類似於左浮動元素:

What I would like to achieve

是否有上述兩個插件的選項來實現這一佈局或者是不同的插件可用?

回答

4

兩個可能的解決方案

  • 試用實驗Masonry-ordered script by tasuk。它可以選擇控制是否要項目從左向右進展,而不是砌體默認的次最佳空間。

  • 構建您自己的custom layout mode for Isotope。您的佈局模式將是砌體的變體。它不是計算下一個最佳空間,而是從左到右通過可用列。