如何控制鼠標滾動事件，然后在 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");
        }

    });