2013-05-02 150 views

回答

33

方法很簡單。把一個按鈕,在頁面的底部,寫一個事件是這樣的

$('#spnTop').on("click",function() { 
    $('html, body').animate({ scrollTop: 0 }, 'slow', function() { 
     alert("reached top"); 
    }); 
}); 

這裏是fiddle這個

+1

我的戒備(「達到最高」);被稱爲兩次。你們也一樣嗎? – AliBZ 2013-10-16 21:20:12

+1

看到這個關於雙重警報的答案。 http://stackoverflow.com/a/9359619/83 – 2014-03-25 17:59:46

+0

你可能需要'event.preventDefault();'如果你在鏈接上執行它。 – VDarricau 2017-04-13 16:03:10

7

您可以動畫的html, body

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

scrollTop財產,我建議你問這樣瑣碎的問題之前,你做一些研究/讀取。 Google可以在我們所有人都能做到的情況下幫助您。

+4

而谷歌往往指向堆棧溢出的答案。所有問題/答案,無論是否微不足道,都屬於這裏。 – 2016-05-07 03:55:58