聚合物模板重复 - 改变模型打破砌体

Question

我有一堆卡片。这些卡的高度不同，所以我使用选择阴影DOM然后在其上调用Masonry以对具有不同卡的高度产生叠加效果。

问题是我在一个间隔使用ajax。 ajax成功数据设定聚合物的模型，然后砌体破碎。我尝试将超时设置为100-200ms，但是有一小段时间没有正确堆叠框。比较两个变量和有选择地改变事物可能会失控，但我还没有真正接触过这个策略。

请告知。

Answer 1

您可以尝试<juicy-tile-list> - 已经制作的自定义元素，它在ShadowDOM中使用bin-packing（如Masonry）并将其应用于任何HTML节点的列表。

它可以很好地处理异步加载的自定义和变量高度。