javascript - WOW.js 和一页滚动之间的冲突

标签 javascript plugins viewport animate.css

我正在尝试在我正在开发的网站上组合以下 JS 插件,

https://github.com/peachananr/onepage-scroll 一页卷轴,作者:Pete R.

http://mynameismatthieu.com/WOW/ WOW.js,作者:Matthieu Aussaguel(与 animate.css 一起)

在每个部分上,我想在过渡完成时为其内容添加动画,但 WOW.js/CSS 动画似乎没有生效,而且我被不可见的元素困住了。似乎显示动画在某种程度上与一页滚动的视口(viewport)/页面设置发生冲突。有任何想法吗?我缺少什么吗?我将 WOW.js 的 treshhold 设置为 0。没有显示 JS 错误。

最佳答案

简短的回答是,您无法轻松做到这一点。

参见issue 61了解更多信息。基本上,页面滚动插件在页面滚动上执行自定义回调,以防止 WOW.js 触发其自己的滚动处理程序。必须更改页面滚动才能使其正常工作。

关于javascript - WOW.js 和一页滚动之间的冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23614781/

相关文章:

javascript - 依赖注入(inject) Angular 2

javascript - 1-6 位数字的正则表达式,后跟 .nn

javascript - Npm WARN 已弃用 babel-preset-es2015@6.24.1 : Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs. io/env 进行更新

plugins - 有没有可用的安全 websocket(wss 协议(protocol))客户端浏览器插件?

jquery - 空选择器 - jQuery 插件创建

html - 在任何视口(viewport)中居中图像而不拉伸(stretch)

iPhone 视口(viewport)无响应 - 网页每次都在左上角缩放

javascript - 更新数据时转换 clipPath

mysql - 尝试使用 mysql secret 引擎插件设置安装在 GCP 上的 Vault 时出错

html - 网站视口(viewport)在 Bootstrap 4 上的 Safari 浏览器上仍然可以缩放和捏合