码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-05-10 15:12:25      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:vertica   mat   动画   如何   scroll   anim   ada   http   cal   

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

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

 

$(‘#fullpage‘).fullpage({
    verticalCentered:true,
    css3:true,
    paddingTop:70,
    anchors: [‘page1‘, ‘page2‘, ‘page3],
    scrollBar: true,
    afterRender: function(){
        wow = new WOW({
            animateClass: ‘animated‘,
         });
        wow.init();
     }
});

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

 

 

转自:https://www.cnblogs.com/sese/p/5694385.html?utm_source=itdadao&utm_medium=referral

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

标签:vertica   mat   动画   如何   scroll   anim   ada   http   cal   

原文地址:https://www.cnblogs.com/xiaomifeng/p/12863106.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!