2017-10-10 9 views
0

私はscrollifyを実行しているウェブサイトにいくつかのアニメーションを追加しようとしています。これを "before"パラメータに追加するといいでしょう。このような外観の前に: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){"これらの2つの関数を一緒にマージする方法はわかりません。私は今、それがはっきりしていることを望む

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"); 
    } 
}, 
+0

質問のコードを修正してください –

+0

こんにちは、あなたの質問は何ですか? – Stefan

答えて

0

第2の関数に名前を付けて、beforeコールバックで呼び出します。

+0

こんにちはルーク、どうすればいいですか? – Bezelinjah

+0

私はJavaScript関数を読むことをお勧めします:https://www.w3schools.com/js/js_functions.asp –

+0

ありがとうルーク。しましょう。 – Bezelinjah