jquery scrollTop with animation

Question

我試圖在頁面底部放置一個簡單的「滾動到頂部」按鈕，使用平滑滾動到頂部。我讀過的所有內容都說這應該是使用「animate（{scrollTop}）」腳本的簡單方法。但是，它總是直接跳到頂部，跳過滾動動畫。

腳本：

$('#jump').click(function(){ 
    $('body, html').animate({ 
     scrollTop: 0px 
    }, 600); 
}); 

和HTML標籤（包括萬一風格標籤）：

<a href="#" id="jump" style="position:absolute; bottom:10px; right:10px">scroll to top</a> 

這裏有一個的jsfiddle展示了同樣的問題的刪節版：http://jsfiddle.net/5V5Tf/

這似乎是一個直截了當的問題......圖我只是心不在焉，錯過了一些明顯的東西。

感謝

Answer 1

的問題是，你的鏈接仍然有它的href，因爲它的行爲就像一個正常的鏈接。在你的標記中刪除href="#"，你應該是金色的。否則，您需要在點擊錨點生成的事件上調用preventDefault()。

編輯：這是一個modified version of your fiddle與它的工作。

Answer 2

作品，當你在的onclick事件與體工作：http://jsfiddle.net/TPwpK/

$('#jump').click(function(){ 
    $('body').animate({'scrollTop': '0'}, 300); 
}); 

Answer 3

我在這裏工作jsFiddle。

改變$('.iframe')到$('body') ，你需要preventDefault()事件