窗口滾動多功能執行

Question

我正在使用幾個主要div裏面每個主要div我打電話幾個更多的子div有一些類文件定義在我的CSS。所有這些類文件都包含圖像。我的意思是窗口滾動效果，因爲我的頁面是單頁有很多圖像。我對谷歌做了一些研究，但沒有找到合適的答案。在滾動頁面時，我需要刪除某些類頁面滾動，爲此我將使用jquery removeClass（）。我有一些窗口滾動方法的功能。現在只有window.sroll（）效果我想在頁面向下滾動時刪除一些類。

我正在尋找如何在窗口滾動上使用多個函數的答案。如何在window.scroll上綁定兩個或三個函數。如何在窗口滾動中執行多個功能。 HTML

$(window).scroll(function() {   
     if ($("#first").offset().top + $("#first").height() < $(document).scrollTop()) { 
      var obj = $('#first').children('div'); 
      if (obj.hasClass("d")) { 
       obj.removeClass(); 
      } 
      obj = obj.children('div'); 
      if (obj.hasClass("c")) { 
       obj.removeClass(); 
      } 
      obj = obj.children('div'); 
      if (obj.hasClass("e")) { 
       obj.removeClass(); 
      } 
     } else { 
      var obj = $('#first').children('div'); 
      if (obj.hasClass("d") == false) { 
       obj.addClass("d"); 
      } 
      obj = obj.children('div'); 
      if (obj.hasClass("c") == false) { 
       obj.addClass("c"); 
      } 
      obj = obj.children('div'); 
      if (obj.hasClass("e") == false) { 
       obj.addClass("e"); 
      } 
     } 
<div id="firstMain"> 
<div class"a"> </div> 
<div class"b"> </div> 
<div class"c"> </div> 
</div> 
<div id="Second"></div> 
<div id="Z"></div> 

Answer 1

只需添加多個處理程序，他們將在您添加的順序執行。

$(window).scroll(scrollHandlerOne); 
$(window).scroll(scrollHandlerTwo); 

function scrollHandlerOne(e) { 
    // Do logic here 
    // Executed first 
} 

function scrollHandlerTwo(e) { 
    // Do logic here  
    // Executed second 
}