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

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(); 调用移至准备好的文档，您将能够在页面加载后立即禁止用户滚动。

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

$(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();});