Question

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

我的Java Script代码，看看afterLoad和onLeave事件，我想要更改slideNavigation选项：

$(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类添加到视口中的活动部分，您也可以这样做。

#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

更改事件上的fullPage.js选项

1 个答案: