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

Question

我正在使用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");
        }
    }

是否还有其他机会立即更改分页（固定位置）颜色？这是我的笔https://codepen.io/ni4yja/full/GOYBzm/

Answer 1

您可以使用“ onLeave”代替“ afterLoad”，这样颜色会在目标加载之前改变。

            onLeave: function (origin, destination, direction) {
                if (destination.index == 1 || destination.index == 3) {
                    $('#fp-nav ul li a span').css("background-color", "antiquewhite");
                } else {
                    $('#fp-nav ul li a span').css("background-color", "#002e34");
                }