javascript - 为什么滚动动画没有被禁用？

Question

为什么禁用功能不起作用？

如果没有 stop() 函数，它运行良好，但动画滞后于动画的 400，并且使用 stop() 滚动不会被禁用。

如果我快速滚动滚轮，动画就会停止，而当我停止滚轮时，动画就会开始。

这是我页面的链接 http://web.100mb.ro/tutti/

$("#section-five").bind('mousewheel', function(event) {
    if (event.originalEvent.wheelDelta <= 0) {

    }
    else {
        disable_scroll();
        $('html, body').stop().animate({
            scrollTop: $("#section-four").offset().top
        }, 400,'swing',function(){
            enable_scroll();
        });
    }
});


var keys = [37, 38, 39, 40];

function preventDefault(e) {
  e = e || window.eevnt;
  if (e.preventDefault)
      e.preventDefault();
  e.returnValue = false;  
}

function keydown(e) {
    for (var i = keys.length; i--;) {
        if (e.keyCode === keys[i]) {
            preventDefault(e);
            return;
        }
    }
}

function wheel(e) {
  preventDefault(e);
}

function disable_scroll() {
  if (window.addEventListener) {
      window.addEventListener('DOMMouseScroll', wheel, false);
  }
  window.onmousewheel = document.onmousewheel = wheel;
  document.onkeydown = keydown;
}

function enable_scroll() {
    if (window.removeEventListener) {
        window.removeEventListener('DOMMouseScroll', wheel, false);
    }
    window.onmousewheel = document.onmousewheel = document.onkeydown = null;  
}

Answer 1

您的 disable_scroll 函数似乎添加了滚动事件监听器，而您的 enable_scroll 函数则将其删除。