Wow.js在服务器中不起作用

Question

在使用wow.js为滚动上的元素设置动画。 它在本地效果很好，但是当我上传到服务器时，动画类在滚动之前被调用（带有页面加载）。 点击这里

现场观看。

Answer 1

我认为它在本地有效，因为gif上方的页面资产加载速度比网络加载速度快。 当我打开页面时，在滚动之前，“ wow div使用的是“ animated”类（发生这种情况是因为在加载标题页资产时可以看到wow div ）。

wow.js用于在滚动上设置一些HTML元素的动画，而不是用来控制gif动画状态，但是它可以按您希望的方式工作，因为wow应用了visibility: visible div可见后在元素中可见。

如果仅在滚动时显示图像，并控制其可见性状态（在隐藏图像可见性的情况下加载，然后将其更改为可见），则可以在页面上显示gif时启动gif动画。

如果使用类似此插件的东西来“延迟加载”图像，则还可以在滚动时启动gif动画。 当“延迟加载”插件在窗口中可见时，它将加载该图像。