项目需要做到全屏显示的同时还需要做到实时执行动画。但是发现在使用fullpage之后,wow.js(不知道这个是啥的点击这里)不起作用。
$('#fullpage').fullpage({
verticalCentered:true,
anchors: ['page1', 'page2', 'page3],
scrollBar: true,//必须设置为true,否则wow执行失效
afterRender: function(){
wow = new WOW({
animateClass: 'animated',
moble:false
});
wow.init();
}
});
主要起作用的代码是要把scrollBar设置为true,并且把动画事件放在afterRender里面。