Scrollify - 「之前」中的多個功能

Question

我正在嘗試向運行scrollify的網站添加一些動畫。將它添加到「之前」參數將會很好。之前看起來是這樣的：

$(function() { $.scrollify({ 
    section:".panel", 
    scrollbars:true, 
    setHeights:false, 
    **before:function(i,panels) { 
     var ref = panels[i].attr("data-section-name"); 
     $(".pagination .active").removeClass("active"); 
     $(".pagination").find("a[href=\"#" + ref + "\"]").addClass("active");  
    },** 
    afterRender:function() { 
     var pagination = "<ul class=\"pagination\">"; 
     var activeClass = ""; 
     $(".panel").each(function(i) { 
     activeClass = ""; 
     if(i===0) { 
      activeClass = "active"; 
     } 
     pagination += "<li><a class=\"" + activeClass + "\" href=\"#" + 
$(this).attr("data-section-name") + "\"><span class=\"hover-text\">" + $(this).attr("data-section-name").charAt(0).toUpperCase() + $(this).attr("data-section-name").slice(1) + "</span></a></li>"; 
     }); 

     pagination += "</ul>"; 

     $(".home").append(pagination); 
     $(".pagination a").on("click",$.scrollify.move); 
    }, }); }); 

我想添加下面的代碼來在上面的「before」參數中起作用。它以「** before：function（i，panels）開頭」{「我不知道如何將這兩個函數合併在一起。我希望現在清楚。

function(section) { 
    if (section === 0) { 
    $('.home h1').addClass("fadeIn"); 
    } 

    if (section !== 0) { 
    $('.home h1').removeClass("fadeIn"); 
    } 

    if (section === 1) { 
    $('.panel1 h1').addClass("slideInUp"); 
    } 

    if (section !== 1) { 
    $('.panel1 h1').removeClass("slideInUp"); 
    } 
}, 

Answer 1

給你的第二個函數的名稱，並調用它在before回調。