2017-02-06 7 views
1

私はscrollify.jsを使用しています方向をスクロール(0120)

私はすべてが動作しています。しかし、ページに応じて、アクティブなクラスを追加して基本的にアニメーション化していたページングがあります。しかし、アニメーションが変更され、上から下、下から上にスクロールするかどうかによって異なります。ですから、私はactive.fromTopまたはactive.fromDownのクラスを追加したいと思います。しかし、私はドキュメンテーション内でスクロールの方向を知るオプションを見つけることはできません。

$.scrollify({ 
    section: ".section-scroll", 
    easing: "easeOutExpo", 
    sectionName: false, 
    scrollSpeed: 550, 
    setHeights: false, 
    offset: 0, 
    before: function(e) { 

     $('.pagination li').eq(e).addClass('active'); 

     }, 

}); 

ありがとうございます!

答えて

1

そのような機能はありませんが、この

$.scrollify({ 
    section: ".section-scroll", 
    easing: "easeOutExpo", 
    sectionName: false, 
    scrollSpeed: 550, 
    setHeights: false, 
    offset: 0, 
    afterRender:function(){ 
       $('body').attr('data-preIndex',0); 
       }, 
    before: function(e) { 
       var direction,preIndex; 
       preIndex = parseInt($('body').attr('data-preIndex')); 
       if (e > preIndex){ 
        direction = "down"; 
        }else{ 
        direction = "up"; 
      } 

      $('body').attr('data-preIndex',e); 

      console.log(direction);    

      $('.pagination li').eq(e).addClass('active'); 

     }, 

}); 
を試してみてください
関連する問題