javascript - jQuery 跨浏览器 "scroll to top"，带动画

Question

现在我正在使用这个:

$('#go-to-top').each(function(){
  $(this).click(function(){ 
    $('html').animate({ scrollTop: 0 }, 'slow'); return true; 
  });
});

这在 Chrome 中不起作用，而在 Opera 中我遇到了一个小闪烁:浏览器立即滚动到顶部，然后返回到底部，然后开始缓慢滚动到顶部，就像它应该的那样。

有更好的方法吗？

Answer 1

您将从点击函数返回 true，因此它不会阻止默认浏览器行为(即导航到go-to-top anchor 。如马克说过，使用:

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

所以你的代码现在应该如下所示:

$('#go-to-top').each(function(){
    $(this).click(function(){ 
        $('html,body').animate({ scrollTop: 0 }, 'slow');
        return false; 
    });
});