项目需要做到全屏显示的同时还需要做到实时执行动画。但是发现在使用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里面。