您现在的位置是:首页 > 技术交流技术交流
fullpage.js和wow兼容问题
2023-02-19【技术交流】785 人已围观
简介 因为项目是全屏竖向滚动网站,就用到了fullpage.js插件和动画插件wow。结果发现wow不会执行了,原来这二个插件有冲突,可以使...
因为项目是全屏竖向滚动网站,就用到了fullpage.js插件和动画插件wow。结果发现wow不会执行了,原来这二个插件有冲突,可以使用以下代码来兼容。
<script type="text/javascript"> $(document).ready(function() { $('#home').fullpage({ // sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'], anchors: ['page1', 'page2', 'page3', 'page4','page5'], // menu: '#menu', css3: true, scrollingSpeed: 1000, /*-------scrollBar 设置为 true ------*/ scrollBar: true, /*-------scrollBar 设置为 true -------*/ /*-------WOW.JS在fullpage之后执行----*/ afterRender: function(){ wow = new WOW({ animateClass: 'animated', }); wow.init(); /*---------------------WOW.JS在fullpage之后执行------------------------*/ } }); }); </script> <style> /*body 增加 overflow:hidden*/ body{ overflow:hidden; } </style>
这里要说一下浏览器的滚动条,如果觉得不美观可以再css进行屏蔽隐藏。
关注宁波网站建设博客,更多精彩分享,敬请期待!
Tags:fullpage.js wow.js
很赞哦! ()
相关文章
随机图文
-
Layer弹出层关闭后刷新父页面
layer调用END回调方法: end - 层销毁后触发的回调 类型:Function,默认:null 无论是确认还是取消,只要层被销... -
css控制文字换行技巧
强制不换行 p.www_0574nb_cn { white-space:nowrap; } 自动换行 p.www_0574... -
表单文本框小技巧:禁止自动完成
文本输入框的自动提示功能在浏览器中模式是打开的。有时候我们并不需要自动提示功能,例如需要用户自己再次输入而非自动完成。在IE中可以使用工具-... -
js控制网站onclick背景
更换不同的网站背景可以让用户眼前一新,下面代码可以实现用户点击网页body区域后更换网站背景. vari=1; document....