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

Question

在masonry 库的主页上，页面加载时直接显示砌体效果。除了标题“什么是砌体？”是以漂亮的淡入淡出效果一个接一个地显示的图像块。

但是，在 github 存储库中运行所有示例不会在页面加载时生成动画。

如何存档？

我做了什么：

• 我克隆了repo。
• 我运行了“npm install”、“bower install”、“grunt”
• 我一个接一个地打开了“沙盒”文件夹中的示例文件。

浏览器控制台中不显示任何错误消息。显然，砌体正在工作。我可以肯定，因为例如变化配置将生效。

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

Answer 1

这是对原始问题的一个非常晚的回复，但我在同一个问题上被难住了。诀窍是在没有网格项目或具有visibility: hidden 的项目的情况下初始化 Masonry。使用 Masonry 配置选项 stagger 将进一步改善效果。初始化后，添加您的网格项目或使它们可见，它们应该每个都带有缩放效果。这是 an example 我从 David DeSandro 的一个修改而来的。