窗口滚动的多功能执行

Question

我正在使用几个主 div 在每个主 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
}