用户滚动jquery时停止ScrollTop函数

时间:2014-10-15 09:37:45

标签: javascript jquery html css

当用户滚动自己时,如何停止scrollTop功能?如果我在scrollTop函数中现在滚动整个滚动故障。

        $(document).ready(function (){
            $(".header-arrow-down").click(function (){
                $('html, body').animate({
                    scrollTop: $(".page-1").offset().top
                }, 1000);
            });
            $("body").scroll(function() {
                alert("scrolling");
            });
        });

我到目前为止尝试了这个但是警报滚动没有显示给我,我无法在谷歌找到解决方案所以我在这里问它。

我希望有人知道如何解决这个问题!

2 个答案:

答案 0 :(得分:6)

用户滚动时需要取消绑定或停止动画,例如

$("html, body").bind("scroll mousedown DOMMouseScroll mousewheel keyup", function(){
    $('html, body').stop();
});

答案 1 :(得分:2)

嘿,我今天刚刚为我正在进行的项目编写了该代码:

$('body,html').bind('scroll mousedown wheel DOMMouseScroll mousewheel keyup', function(e){
    if (e.which > 0 || e.type == "mousedown" || e.type == "mousewheel"){
    $("html,body").stop();
    }
});