Scrollify獲取每個頁面的動畫

我必須使用jQuery庫（不幸）使用庫Scrollify.js。滾動特定部分時，我需要在某些div上添加class。我試圖從動畫divs中獲取每個頁面。Scrollify獲取每個頁面的動畫

知道我在滾動所有部分之前和之後都有一個事件，但每個部分都需要獨立/特定。這裏是一個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(); 
    }); 
});

從GitHub的作者，它looks like this但我感到困惑......

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

來源

2017-07-18 Léo Durand

你瞄準什麼？ –

我想在div上添加一個'class'。知道它可以，但在所有部分。 –

您可以使用$.scrollify.current()選擇當前滾動部分並添加類到它

JsFiddle

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

來源

2017-07-18 08:41:50

感謝您的回覆！該類可以在「config」中的div中添加，在去另一個部分時可以刪除10個類？ –

是的在選擇當前對象後，你可以對它做任何事情。添加/刪除類或其他任何東西 –

在你的JSFiddle中，當它繼續時，它添加類「config」。但是，如何在離開時將其移除？ –

Scrollify獲取每個頁面的動畫

回答

相關問題