javascript - 当用户滚动 jquery 时停止 ScrollTop 函数

Question

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

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

到目前为止我已经尝试过了，但是警报滚动没有出现，而且我在谷歌上找不到解决方案，所以我在这里问。

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

Answer 1

你需要在用户滚动时取消绑定(bind)或停止动画，比如

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