Jquery 分页在滚动FullPage.js时更改颜色

Jquery 分页在滚动FullPage.js时更改颜色,jquery,pagination,css-position,fullpage.js,Jquery,Pagination,Css Position,Fullpage.js,我正在使用FullPage.js并寻找一种方法,如果部分的背景发生变化,分页会改变颜色。我使用了afterLoad事件,但它需要一些时间来更改 afterLoad: function(anchorLink, index) { var loadedSection = $(this); if(index == 1 || index == 3) { $('#fp-nav ul li a span').css("background-color",

我正在使用FullPage.js并寻找一种方法,如果部分的背景发生变化,分页会改变颜色。我使用了afterLoad事件,但它需要一些时间来更改

afterLoad: function(anchorLink, index) {
        var loadedSection = $(this);
        if(index == 1 || index == 3) {
            $('#fp-nav ul li a span').css("background-color", "antiquewhite");
        };
        if(index == 2 || index == 4) {
            $('#fp-nav ul li a span').css("background-color", "#002e34");
        }
    }
是否有其他机会立即更改分页(位于固定位置)颜色?这是我的笔

您可以使用“onLeave”而不是“afterLoad”,因此在加载目标之前颜色会发生变化

onLeave:函数(起点、终点、方向){
如果(destination.index==1 | | destination.index==3){
$('fp nav ul li a span').css(“背景色”、“仿古白”);
}否则{
$('fp nav ul li a span').css(“背景色”,“002e34”);
}
您在上收到了回复