如何解决wow.js与fullpage的兼容性


项目需要做到全屏显示的同时还需要做到实时执行动画。但是发现在使用fullpage之后,wow.js(不知道这个是啥的点击这里)不起作用。

找了诸多资料,解决方法如下:

 1 $('#fullpage').fullpage({
 2     verticalCentered:true,
 3     css3:true,
 4     paddingTop:70,
 5     anchors: ['page1', 'page2', 'page3],
 6     scrollBar: true,
 7     afterRender: function(){
 8         wow = new WOW({
 9             animateClass: 'animated',
10          });
11         wow.init();
12      }
13 });    

 主要起作用的代码是要把scrollBar设置为true,并且把动画事件放在afterRender里面。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM