javascript - 更改事件的 fullPage.js 选项

Question

我正在使用 fullPage.js 制作网站，我只需要在第一部分设置一组选项，我的意思是，在第一部分我希望将 fullPage 选项设置为 true，在第二部分我希望它设置为 false 部分，因为我正在使用 fullPage 事件，尽管似乎无法更改事件的选项，所以我要求一种方法来做到这一点。

我的 Java 脚本代码，查看 afterLoad 和 onLeave 事件，我想更改 slidesNavigation 选项:

$(document).ready(function() {
    $('#fullpage').fullpage({
        sectionsColor: ['#7396FF', '#FFFFFF'],
        controlArrows: false,

        afterLoad: function(anchorLink, index){
            if(index == 1){
                slidesNavigation: true,
            }
        },

        onLeave: function(index, nextIndex, direction){
            if(index == 1){
                slidesNavigation: false,
            }
        }
    });
});

提前致谢。

Answer 1

您不能以这种方式更改选项。

如果您不想显示幻灯片导航，只需使用 jquery 或 CSS 将其隐藏即可。

我建议您查看 this video关于如何根据您所在的部分利用添加到正文的 CSS 类。

考虑到类 active 已添加到视口(viewport)中的事件部分，您也可以采用这种方式。

#section2.active .fp-slidesNav{
    display:none;
}

Online demo

或者通过使用事件:

$(document).ready(function() {
    $('#fullpage').fullpage({
        sectionsColor: ['#7396FF', '#FFFFFF'],
        controlArrows: false,

        onLeave: function(index, nextIndex, direction){
            if(nextIndex == 2){
                $('#section2').find('.fp-slidesNav').hide();
            }
        }
    });
});

Online demo