如何在页面加载时直接启用Masonry动画

Question

在masonry库的主页上，直接在页面加载时显示了砖石效果。除了标题“什么是砌体？”图像拼贴一个接一个地显示出美丽的淡入淡出效果。

但是，运行github repo中的所有示例都不会在页面加载时设置动画。

如何存档？

我做了什么：

• 我克隆了repo。
• 我跑了“npm install”，“bower install”，“grunt”
• 我一个接一个地在“sandbox”文件夹中打开了示例文件。

浏览器控制台中未显示任何错误消息。显然砖石工作正在发挥作用。我可以肯定，因为例如配置生效。

但是，对于页面加载的影响与供应商主页上的这一影响大不相同。没有动画。

Answer 1

这是对原始问题的很晚答复，但我在同一问题上感到困惑。诀窍是在没有网格项目或没有visibility: hidden的项目的情况下初始化Masonry。使用砌体配置选项stagger将进一步改善效果。初始化后，添加网格项或使其可见，并且每个网格项应具有缩放效果。这是an example，是我从戴维·德桑德罗（David DeSandro）的其中一位改写而成的。