Wow.js在服务器中不工作

Question

在我使用wow.js在滚动上动画元素。它在本地运行得很好，但当我上传到服务器上时，动画类在滚动之前被调用(带有页面加载)。Click here

去看现场直播。

​

Answer 1

我认为它在本地是有效的，因为页面资源在gif之上的加载速度比在web中要快。当我打开页面时，在我滚动它之前，使用div的wow正在加载“动画”类(发生这种情况是因为wow div在加载标题页面资源时是可见的)。

wow.js用于在滚动上对某些HTML元素进行动画处理，而不是控制gif动画状态，但它的工作方式与您想要的一样，因为wow apply visibility: visible in元素在其div可见后可见。

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

如果你使用像this plugin这样的东西来“惰性加载”图像，你也可以在滚动时启动gif动画。当图像在窗口中可见时，“延迟加载”插件将加载图像。