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

时间:2012-05-05 19:49:35

标签: javascript jquery scroll mousewheel

我正在使用具有启动页面的网站,我希望它能够正常工作,这样当您向下滚动启动页面时,div.splash将向上滚动并且网站滚动。我大部分都在工作,只有一点点烦恼。根据滚动鼠标的速度,它会滚动一定距离进入主站点。

我希望它可以正常工作,只要它在鼠标滚轮上检测到一次点击它就会完成下面的所有操作,但鼠标滚轮中的任何其他移动都将被禁用,直到slideUp() / { {1}}功能已完成。这样,当他们滚动时,动画将会发生,但此人仍然会从页面的最顶部开始。

animate()

1 个答案:

答案 0 :(得分: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();});