Javascript 仅在鼠标第二次滚动时激活Jquery功能

我已经创建了两个

s

在滚动中，我希望

.indie

消失，而

.jazz

出现

然后，在第二个卷轴上，我想显示第三个div

目前，我的Javascript隐藏了两个div，我正试图想出一种方法，对每个滚动运动进行编号，以激活每个

的可见性。在对滚动运动进行编号时，我还想再次向上滚动返回第一个

目前我的代码是这样的。我也在使用animate.css

$(window).scroll(function(){
       if ($('.indie').is(':visible')) {
             $('.fadeInRight').addClass("fadeOutLeft").removeClass("fadeInRight");
             $('.fadeInLeft').addClass("fadeOutRight").removeClass("fadeInLeft");
             $('.fadeInUp').addClass("fadeOutDown").removeClass("fadeInUp");
             $('.fadeInDown').addClass("fadeOutUp").removeClass("fadeInDown");
             $('.bounceOutRight').addClass("bounceInLeft").removeClass("bounceOutRight");
             $('.bounceOutLeft').addClass("bounceInRight").removeClass("bounceOutLeft");
             $('.bounceOutUp').addClass("bounceInDown").removeClass("bounceOutUp");
             $('.bounceOutDown').addClass("bounceInUp").removeClass("bounceOutDown");
             $('.jazz').css("visibility", "visible");
             setTimeout(function() {
                 $('.indie').css("visibility", "hidden");
              }, 500);
           }

  });



  $(window).scroll(function(){
           if ($('.jazz').is(':visible')) {
             $('.bounceInRight').addClass("bounceOutLeft").removeClass("bounceInRight");
             $('.bounceInLeft').addClass("bouneOutRight").removeClass("bounceInLeft");
             $('.bounceInUp').addClass("bounceOutDown").removeClass("bounceInUp");
             $('.bounceInDown').addClass("bounceOutUp").removeClass("bounceInDown");
             setTimeout(function() {
                 $('.jazz').css("visibility", "hidden");
              }, 500);
           }
  });

---

将所有代码放在一个函数中，因为第二个声明覆盖了第一个声明。我还做了一些调整：

$(window).scroll(function(){
       if ($('.indie').is(':visible')&&!$('.jazz').is(':visible')) {
             $('.fadeInRight').addClass("fadeOutLeft").removeClass("fadeInRight");
             $('.fadeInLeft').addClass("fadeOutRight").removeClass("fadeInLeft");
             $('.fadeInUp').addClass("fadeOutDown").removeClass("fadeInUp");
             $('.fadeInDown').addClass("fadeOutUp").removeClass("fadeInDown");
             $('.bounceOutRight').addClass("bounceInLeft").removeClass("bounceOutRight");
             $('.bounceOutLeft').addClass("bounceInRight").removeClass("bounceOutLeft");
             $('.bounceOutUp').addClass("bounceInDown").removeClass("bounceOutUp");
             $('.bounceOutDown').addClass("bounceInUp").removeClass("bounceOutDown");
             $('.jazz').css("visibility", "visible");
             setTimeout(function() {
                 $('.indie').css("visibility", "hidden");
              }, 500);
           }
           if ($('.jazz').is(':visible')) {
             $('.bounceInRight').addClass("bounceOutLeft").removeClass("bounceInRight");
             $('.bounceInLeft').addClass("bouneOutRight").removeClass("bounceInLeft");
             $('.bounceInUp').addClass("bounceOutDown").removeClass("bounceInUp");
             $('.bounceInDown').addClass("bounceOutUp").removeClass("bounceInDown");
             setTimeout(function() {
                 $('.jazz').css("visibility", "hidden");
              }, 500);
           }
  });

---

不，第二个不会覆盖第一个。当通过jQuery方法将处理程序绑定到事件时（就像使用

addEventListener

一样），它们都会在事件发生时执行。您修复了一些不需要修复的内容，但没有修复那些真正需要做一些工作的位。调整在哪里？你所说的“第二个卷轴”到底是什么意思？你能提供一份工作报告吗？