聚合物模板重複 - 更改模型打破磚工

Question

我有一堆卡片的頁面。這些牌的高度不同，所以我使用選擇了陰影DOM，然後調用砌體來對具有不同牌的高度進行疊加效果。

問題是我在間隔使用ajax。阿賈克斯成功數據爲聚合物設置模型，然後砌體破裂。我嘗試設置100-200毫秒的超時時間，但有一小段時間盒子沒有正確堆疊。比較這兩個變量並選擇性地改變事物可能會失控，但我並沒有真正接近這一策略。

請指教。

Answer 1

您可以嘗試<juicy-tile-list> - 已經制作了自定義元素，它在ShadowDOM中使用bin-packing（如Masonry）並將其應用於任何HTML節點的列表。

它可以非常好地與自定義和變量高度異步加載。