jQuery-animate(） 无法停止

jQuery-animate() can't stop?

本文关键字：无法停止 jQuery-animate      更新时间：2023-09-26

我有一个按钮，用于在单击时滚动回页面顶部。我想要一个动画效果。

$("#back-to-top").click(function() {
        $(document.body).animate({scrollTop: 0}, 800);
        return false;
    });

当我单击该按钮时，它确实滚动回顶部。但是，我无法向下滚动，似乎当我向下滚动时，该函数被调用了。当我使用 

            $(document).scrollTop(0);

效果很好。怎么了？这是我的小提琴我是小提琴的新手，它只是没有用！

像这样尝试 

$("#back-to-top").click(function(e) {
  e.preventDefault();
  $("body, html").animate({scrollTop: 0}, 800);
});

更新
根据您的小提琴，您必须将此功能置于$(window).scroll( function() {});之外

您的问题实际上是基于浏览器的，我在 Firefox 中对此进行了测试，但它不起作用。然后我在Chrome中对其进行了测试，它工作正常。请尝试改用$('html, body').animate({scrollTop:0},500);。

相关文章：