如何向下滾動到頂部，但不是瞬間？

眼下，我使用如何向下滾動到頂部，但不是瞬間？

window.scrollTo('#body')

滾動到頁面的頂部，但其相當瞬時看起來很奇怪。所以，我想要一個按鈕點擊底部但不是瞬間滾動到頂部的功能。

來源

2011-12-25 Sobhagya Mohanty

使用jQuery的動畫會做到這一點的最直接的方式。但在情況下，你要堅持純JS，你可以這樣做：

function scrollUp() { 
    window.scrollBy(0, -10); // change this '10' as needed to control the smoothness of the scroll 
    if(window.pageYOffset > 0) setTimeout(scrollUp, 10); 
} 

scrollUp();

來源

2011-12-25 10:02:53 techfoobar

你爲什麼不使用jquery

$（ '身體'）動畫。（{scrollTop的：0}）;

來源

2011-12-25 09:50:40

Bhuhan 我從來沒有使用jQuery的你能告訴我如何使用它。 –

只包含在head標籤中，然後包含我在單獨腳本標記中給出的代碼 –

jquery是一個非常好的圖書館，可以做更多，寫得更少。在幾行代碼中完成大量JavaScript的工作 –

做了一件類似的前幾天，搜查相當長的一段時間，一個簡單的，但tweeked解決方案：

的代碼是從.NET項目的一部分，但因爲你的JavaScript標記的事件，我想我會貼吧以及。它在更新面板後運行。

<script type="text/javascript"> 
// <![CDATA[ 
    var prm = Sys.WebForms.PageRequestManager.getInstance(); 

    prm.add_endRequest(resetPosition); 

    function resetPosition() { 
     //prm._scrollPosition.y = 0; 
     //window.scrollTo(0, 0); 
     //$(window).scrollTop(); 
     $("html, body").animate({scrollTop: 0}, 100); 
    } 
// ]]> 
</script>

所以對於按鈕點擊：

$(function(){ 
    $("#myButton").click(function(){ 
     $("html, body").animate({scrollTop: 0}, 200); 
    }); 
});

來源

2011-12-25 09:57:07

如何向下滾動到頂部，但不是瞬間？

回答

相關問題