項目需要做到全屏顯示的同時還需要做到實時執行動畫。但是發現在使用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里面。