jQuery-animate()无法停止?

时间:2016-02-10 13:13:33

标签: javascript jquery html

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

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

当我点击按钮时,它确实滚动回到顶部。但是,当我向下滚动函数时,我无法向下滚动。 当我使用

            $(document).scrollTop(0);

效果很好。 有什么问题? 这是我的Fiddle 我是小提琴的新手,它只是不起作用!

2 个答案:

答案 0 :(得分:2)

试试这个

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

<强>更新
根据你的小提琴,你必须把这个功能放在$(window).scroll( function() {});

之外

答案 1 :(得分:1)

您的问题实际上是基于浏览器的,我在Firefox中对此进行了测试,但它无效。然后我在Chrome中对它进行了测试,它运行良好。请尝试使用$('html, body').animate({scrollTop:0},500);