如何控制鼠标滚动事件，然后在 html 主体上执行 animation？

Question

我面临一个非常奇怪的错误，即鼠标滚动期间身体上的 animation 。 我认为它的发生是因为JQuery事件window.scroll 。 我已经尝试了很多事情，比如在鼠标滚动上解除 animation 的绑定，但没有任何效果。 下面是我的代码。

$(document).on("scroll", function () {

  var lastScrollTop = 0;

  var windowHeight = $(window).scrollTop();

  var seccion1 = $("#seccion1").height();

  var seccion2 = $("#seccion2").offset().top;

  var alturaseccion2 = $("#seccion2").height();

//this function returns in wich section is the user with the scroll
  var localizacion = comprobarSeccion(seccion1, seccion2);


  if (windowHeight > lastScrollTop) {
    // down scroll 

    console.log("scrollabajo");

    if (localizacion == 1) {


      $("html, body").animate({
        scrollTop: $("#seccion2").offset().top

      }, 2);
      $(document).bind("scroll");

    } else if (localizacion == 2) {

      if (windowHeight >= ((alturaseccion2 * 0.80) + seccion2) && windowHeight <= (alturaseccion2 + seccion2)) {


      } else {


      }

    }



  } else {
    // up scroll 

    console.log("scrollarriba");
  }
  lastScrollTop = windowHeight;



});
´´´

Answer 1

我不确定您要完成什么，但如果您尝试触发具有特定滚动值的事件，您可以使用下面的代码

 $(window).scroll(function () { 
        var scroll = $(window).scrollTop();

        if (scroll >= 500) {
             alert("scroll is greater than 500 px)
        } else if(scroll==500){
            alert("scroll has hit 500px");
        }

    });