html - 布局后让同位素调整容器的高度

Question

我有一个包含大量对象 (DIV) 的站点，我正在使用 Isotope 和 fitColumns 模式使它们适合页面。我想让 Isotope 在容器的高度(一如既往)容纳尽可能多的对象，然后将容器高度缩小到最高列的底部。

例如:如果我有一堆对象，每个对象高 400 像素，而我的容器设置为 1000 像素高，Isotope 将只能在每一列中放置两个对象(这很好)。但是容器高度将设置为 1000px，这让我在底部留下了 200px 的额外空间，这是我不想要的。相反，我希望同位素将容器高度缩小到 800 像素。它应该尽最大努力使列中的对象适合，然后将整个容器高度提高到拥抱对象的底部。有道理吗？

我想不出一个方法来做到这一点，因为 fitColumns 布局方法要求我指定封闭容器的高度(因此设置一个固定的高度)。我怎样才能做到这一点？

Answer 1

找到解决方案 - 切换到 masonry 模式并确保 resizesContainer: true 在那里。