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')); 
    } 
});