jQuery动态布局插件

Question

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

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

在这个例子中，项目＃6走到最右边，因为＃4的高度小于＃2的高度（我希望它去的地方）。

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

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

Answer 1

两种可能的解决方案

• 试用实验Masonry-ordered script by tasuk。如果您希望项目从左向右进行控制，而不是Masonry的默认次佳空间，它可以选择控制。

• 建立自己的custom layout mode for Isotope。您的布局模式将是Masonry的变体。它不是计算下一个最佳空间，而是通过可用列从左到右进行。