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

标签 javascript jquery wow.js

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

现场观看。 enter image description here

最佳答案

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

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

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

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

关于javascript - Wow.js 无法在服务器中运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37227320/

相关文章:

javascript - 如何在 Angular 2 和 4 中设置 WOW.js?

javascript - 将主页 url 与正则表达式匹配

javascript - jquery find() 等效于 javascript

jquery - Google App Engine + jQuery Ajax = 405 方法不允许

javascript - 如何在可滚动容器上使用 wow.js

html - CSS 动画在 wow js 中无法正常工作

javascript - 在 javascript 中访问嵌套数组/属性

javascript - 如何抓取即将上传的多个文件的名称?

javascript - 当我尝试使用 dblclick() 打开电子邮件客户端时,显示 "Event is not defined"错误消息

javascript - 如何更改 <select> 菜单中选项的颜色?