防止在fullpage.js上添加活动类到section

时间:2018-04-08 16:46:39

标签: javascript fullpage.js

加载 fullpage.js 页面的第一部分时,会在该部分添加active类。问题是类触发场景后面的动画,因此用户将看到完成的动画。如何阻止 fullpage.js active类添加到该部分?

1 个答案:

答案 0 :(得分:2)

您可以使用fullpage.js事件回调函数

    onLeave: function(index, nextIndex, direction){},
    afterLoad: function(anchorLink, index){},
    afterRender: function(){},
    afterResize: function(){},
    afterResponsive: function(isResponsive){},
    afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){},
    onSlideLeave: function(anchorLink, index, slideIndex, direction, nextSlideIndex){}

请参阅此文档https://github.com/alvarotrigo/fullPage.js/

离开第一张幻灯片时,将回调函数添加到onLeave:以从该元素中删除活动类,例如

$('.class').fullpage({
onLeave: function(index, nextIndex, direction){
// remove the active class here
}
});