Scrollify - "before"의 다중 함수

Question

나는 scrollify를 실행하는 웹 사이트에 일부 애니메이션을 추가하려고합니다. "before"매개 변수에 추가하는 것이 좋습니다. 앞에 보이는 것 :

$(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 콜백을 호출합니다.