javascript - ScrollTop()函数，滚动时间

Question

调用函数时，页面向上滚动到顶部，但我需要等待动画时间设置为 ，才能再次向下滚动。例如如果我说

$('html, body').animate({ scrollTop: 0 }, 800);

这让我等了一会儿才能再次向下滚动，但是如果我写

$('html, body').animate({ scrollTop: 0 }, 10);

它向上滚动得更快，但我将能够立即再次向下滚动!我如何使用 800(这样动画效果更酷)但又避免等待再次向下滚动？

$(window).scroll(function () {
    if ($(this).scrollTop() > 100) {
        $('.goToTop').fadeIn();
    } else {
        $('.goToTop').fadeOut();
    }
    $('#goToTop').click(function () {
        $('html, body').animate({ scrollTop: 0 }, 800);
        return false;
    });
});

Answer 1

您可以使用以下代码停止任何正在进行的动画。

$( 'html,body' ).stop();

编辑:仅当滚动由人触发时，动画才必须停止。这是一个工作 fiddle https://jsfiddle.net/sjp3xngo/4/