jquery - 砌体 "stamp"- 方法不包围

Question

Masonry 3 添加了一种方法“stamp”，它非常适合将某个元素固定到位。但是，它似乎无法正常工作/正如我所期望的那样。

以 David DeSandro 本人为例:

http://codepen.io/desandro/pen/wKpjs

一切顺利。现在我们将固定元素向下移动 200 像素，以便在固定元素上方有足够的空间:

http://codepen.io/anon/pen/eILHG

如您所见，没有元素位于标记元素之上。有什么我们可以做的吗？还是它应该以这种方式工作？

Answer 1

它与 Masonry 的编写方式有关，当它执行 stamp 事件时，它会根据当前列 Y 值与 stamp 偏移量之间的最大值为该列分配一个 Y 值，因此在此case 因为你有 position: absolute，它将该列的 Y 列值指定为图章 block 的底部，因此除了图章之外，该列中没有任何内容。由于 manageStamps 是触发 layout 时调用的第一件事，因此解决方法是在图章进入列范围时定位图章(以及任何不在列范围内的图章)最后)通过重写一些 Masonry 来检查每次放置元素时的检查，但是随着邮票/ block 的数量增加，该操作的成本会更高。

编辑:顺便说一句，Packery 解决了这个问题，它也是同一个人的一个元素(尽管有许可费用)。