Question

我已经部分编写了代码，但我不确定在if和else部分之后放置什么。我正在尝试做什么 - 每当一个部分有“四”和“活动”类时，我想为fullpage.js禁用FitToSection选项。 Fullpage.js有一个我正在使用的内置setFitToSection布尔值。这就是我到目前为止，我还需要什么呢？

$(document).ready(function () {
    if ($('.four').hasClass('active') === true) {
        $.fn.fullpage.setFitToSection(false);
    } 
    else {
        $.fn.fullpage.setFitToSection(true);
    }
});

Answer 1

只需使用fullpage.js提供的回调，例如afterLoad或onLeave：

$('#fullpage').fullpage({
    autoScrolling:false,

    onLeave: function(index, nextIndex, direction) {
        var destination = $('.fp-section').eq(nextIndex - 1);

        if(destination.hasClass('four')){
           $.fn.fullpage.setFitToSection(false);
           console.log("setting fitToSection off");
        }else{
            $.fn.fullpage.setFitToSection(true);
            console.log("setting fitToSection on");
        }
    }
});

Example online

在这种情况下，您无需检查active类，因为目标部分将始终拥有它。只需检查它是否有four类。

相同脚本的较短版本可以是：

$('#fullpage').fullpage({
    autoScrolling:false,

    onLeave: function(index, nextIndex, direction) {
        var destination = $('.fp-section').eq(nextIndex - 1);
        $.fn.fullpage.setFitToSection(!destination.hasClass('four'));
    }
});

Fullpage.js - 根据div是否具有某个类来设置'setFitToSection'选项的值

1 个答案: