如何解决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里面。

posted @ 2016-07-22 10:55  前端[色色]  阅读(4493)  评论(0编辑  收藏  举报