暂时禁用鼠标滚轮，直到动画结束

Question

我正在处理一个具有启动页面的站点，我希望它能够工作，这样当您向下滚动启动页面时，div.splash会向上滚动，而站点会滚动进来。我有它的大部分工作，只有一个小烦恼。根据你滚动鼠标的速度，它会滚动到主站点中一定的距离。

我希望它能正常工作，这样，只要它检测到鼠标滚轮按下一次，它就会执行下面的所有操作，但在slideUp()/animate()函数完成之前，鼠标滚轮中的任何额外移动都将被禁用。这样，当他们滚动时，动画将会发生，但用户仍将从页面的最顶部开始。

$(window).bind('mousewheel', function(e, delta) {
if(delta == -1){    
    disable_scroll();       
    $('.alpha.wrapper').show();
    $('.titles .beta').hide();
    $('.splash').slideUp(800);
    $('.titles').animate({
        top: '495px'
    },800,enable_scroll());
}
});

Answer 1

通过将disable_scroll();调用移动到文档ready，您将能够在页面加载后立即禁止用户滚动。

然后，将上面的内容更改为：

$(window).bind('mousewheel', function(e, delta) {
if(delta == -1){    
    $('.alpha.wrapper').show();
    $('.titles .beta').hide();
    $('.splash').slideUp(800);
    $('.titles').animate({
        top: '495px'
    },800,function(){enable_scroll();});