我有一个带有一堆卡片的页面。卡片的高度不同,因此我使用选择阴影 DOM,然后在其上调用 Masonry 以对具有不同卡片的高度产生堆叠效果。
问题是我在间隔上使用 ajax。ajax 成功数据为聚合物设置模型,然后 Masonry 中断。我尝试将超时设置为 100-200 毫秒,但有一小段时间盒子没有正确堆叠。比较这两个变量并有选择地改变事情可能会失控,但我还没有真正接近这个策略。
请指教。
您可以尝试<juicy-tile-list>
- 已经制作了自定义元素,它在 ShadowDOM 中使用 bin-packing(如 Masonry)并将其应用于任何 HTML 节点的列表。
它适用于异步加载的自定义和可变高度。