JQuery滚动到页面顶部

Question

有没有一种方法来编程滚动到页面的顶部与jQuery？我目前正试图用下面的代码来做到这一点，但它不工作。我使用的是Firefox目前，

$(window).scrollTop($(document).height()); 

Answer 1

试试这个：

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

为此，您可以用0而不是300是即时的，但这样就可以快速自动滚动效果。

Answer 2

只需添加一个片段给尼克的很好的答案。这仅在用户向下滚动页面（即，Pinterest风格）之后才显示“滚动到顶部”元素。

$("#scroll_to_top_button").hide(); // hide on page load 

    $(window).bind('scroll', function(){ 
    if($(this).scrollTop() > 200) { // show after 200 px of user scrolling 
     $("#scroll_to_top").slideDown("fast"); 
    } 
    }); 

Answer 3

这里不需要jQuery。使用原生：

window.scrollTo(x-coordinate, y-coordinate);

注意，这已超过动画部分（持续时间等）jQuery提供

Answer 4

$('a[href^="#"]').on('click', function(event) { 

var target = $(this.getAttribute('href')); 

if(target.length) { 
    event.preventDefault(); 
    $('html, body').stop().animate({ 
     scrollTop: target.offset().top 
    }, 1000); 
} 

}）无法控制的;

一下添加到HTML

<div id="top"></div> 
<a href="#top">Click to scroll up</a>