将类添加到FullPage.js中的非活动节

Question

对于那些熟悉fullpage.js的人，我想知道您是否能够将课程添加到非活动部分。具体来说，我想知道是否有办法在当前活动部分之前和之后添加不同的类。

例如，能够在之前添加课程＆＃39;很高兴。在当前幻灯片之前的所有部分，以及＆＃39; after-current＆＃39;对于所有其他人，并在您浏览所有部分时添加/删除课程。

Answer 1

您可以使用afterLoad事件

$('#fullpage').fullpage({
    sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'],
    anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],
    menu: '#menu',
    scrollingSpeed: 1000,
    afterLoad: function(anchorLink, index){
            $(".section").removeClass("prev-section").removeClass("next-section");
            $(this).prev(".section").addClass("prev-section");
            $(this).next(".section").addClass("next-section");
        }
    });
});