Fullpage.js - 设置基于如果一个div有一定的阶级

Question

我有码写的，但我不知道该if和else零件后放什么“setFitToSection”选项的值。我想要做的 - 每当一个部分有“四”和“积极”类我想要禁用FitToSection选项fullpage.js。 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')); 
    } 
});