平滑滾動使用JavaScript的onclick

Question

我使用這個鏈接：

<a class="" onclick="location.href='#top'" href="superContent">superContent</a> 

它做一次兩件事情：

1. 用戶跳轉到頁面
2. 執行這個其他的頂部（無關）阿賈克斯負載函數

一切工作很好，除了我想弄清楚如何讓它滾動到頂端更順利。我已經嘗試添加.scroll將其附加到我的jquery scrollTo插件，但沒有任何反應，這可能與我使用javascript onclick這一事實有關，而href屬性完全不做其他事情。

有沒有辦法將動畫平滑滾動添加到onclick =「location.href ='＃top'」？

Answer 1

試試這個，它激活了scrollTop()函數。

設置鏈接的ID：

<a id="link">link</a> 

jQuery的滾動：

$('#link').click(function(){ 
    $("html, body").animate({ scrollTop: 0 }, 600); 
    return false; 
});