javascript - Wow.js 无法在服务器中运行

Question

我正在使用 wow.js 为滚动元素设置动画。它在本地工作得很好，但是当我上传到服务器时，在滚动之前调用动画类(随着页面加载)。 Click here

现场观看。

Answer 1

我认为它可以在本地运行，因为 gif 上方的页面资源加载速度比在网络中加载得更快。当我打开页面时，wow 使用的 div 在我滚动之前加载了“动画”类(发生这种情况是因为 wow div在加载标题页资源时可见)。

wow.js 用于在滚动时对某些 HTML 元素进行动画处理，而不是控制 gif 动画状态，但它可以按您想要的方式工作，因为 wow 应用 visibility: 在 div 可见后元素中可见。

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

如果您使用类似 this plugin 的内容，您还可以在滚动时启动 gif 动画。 “延迟加载”图像。 “延迟加载”插件将在图像在窗口中可见时加载图像。