前端笔记

包括模块、常见问题、css效果、js效果等。仅用于方便查找,提高工作效率。

关于fullpage与aos同时使用的冲突问题

fullPage.js是一个全屏滚动插件,它能够很方便、很轻松的制作出全屏网站。

aos.js是一个页面滚动元素动画jQuery动画库插件。

然后呢,我想要页面全屏滚动的时候页面元素可以用一些飞入的效果,but,不行!aos是靠判断滚动条的移动位置起作用的,fullpage全屏以后没有滚动条了啊!!!怎么办?

一个简单有效的解决方法:

在使用fullpage的script代码里面加入 scrollBar: true  让滚动条显示出来可以了

代码如下:

$('#fullpage').fullpage({
       sectionsColor : ['#333', '#f2f2f2', '#fff','#f2f2f2','#f2f2f2','#000'],
       'navigation': true,
               scrollBar: true,
   });

 



打赏作者: 一分也是爱


您的支持就是我最大的动力
点赞

发表评论

邮箱地址不会被公开。 必填项已用*标注