スクロールして各ページをアニメーション化する

Question

jQueryを使用しているライブラリScrollify.jsで作業する必要があります（残念ながら）。特定のセクションをスクロールするときにdivにclassを追加する必要があります。私はアニメーションの面で各ページを取得しようとしていますdivs。

私はすべてのセクションをスクロールする前後にイベントを持っていますが、セクションごとに独立している必要があります。ここ は...それlooks like thisが、私を混同し、githubのの作者からJSFiddleデモ

$(function() { 
    $.scrollify({ 
    section: ".panel", 
    before: function(nextIndex, elements) { 
//  alert('before event was sent'); 
    }, 
    after: function(index) { 
//  alert('after is triggered here'); 
    } 
    }); 

    $(".scroll,.scroll-btn").click(function(e) { 
    e.preventDefault(); 

    $.scrollify.next(); 
    }); 
}); 

ある

before: function(i,panels) { 
      var ref = panels[i].attr("data-section-name"); 


      panels[i].find(".gallery0,.gallery1,.gallery2").addClass("moved"); 


      if(ref==="design") { 
       $(".features").find(".gallery0,.gallery1,.gallery2").removeClass("moved"); 
       $(".ios7 .gallery0").css("top",0); 
      } 
      if(ref==="features") { 
       $(".ios7 .content").removeClass("moved"); 
       initialPosition(); 
      } 
      if(ref==="ios7") { 
       $(".ios7 .content").addClass("moved"); 

       $(".ios7 .gallery0").css("top",0); 
      } 
     }, 
     after:function(i,panels) { 
      var ref = panels[i].attr("data-section-name"); 

      if(ref==="home") { 
       $(".design").find(".gallery0,.gallery1,.gallery2").removeClass("moved"); 
      } 
     } 
    }); 

Answer 1

あなたは現在のスクロールセクションを選択し、それにクラスを追加する$.scrollify.current()を利用することができます

JsFiddle

if($.scrollify.current().attr('data-section-name')=="configuration") 
{ 
    $.scrollify.current().addClass('config'); 
}