layout - jQuery动态布局插件

Question

我已经尝试过 jQuery Masonry和Isotope插件，但似乎无法实现我想要的布局。

两个插件似乎都根据前一行元素的高度计算“下一个可用空间”。例如：

在此示例中，#6 项位于最右侧，因为 #4 的高度小于 #2 的高度（我希望它到达的位置）。

我想实现的布局更类似于左浮动元素：

上述两个插件是否有实现此布局的选项，或者可能有不同的插件可用？

Answer 1

两种可能的解决方案

• 试试tasuk 的实验性 Masonry-ordered 脚本。它有一个选项来控制您是否希望项目从左到右进行，而不是 Masonry 默认的次佳空间。

• 为 Isotope构建您自己的自定义布局模式。您的布局模式将是 Masonry 的变体。它不是计算下一个最佳空间，而是从左到右遍历可用列。