Animate錨鏈接導航

Question

我有一個Wordpress網站，並有一個導航鏈接，鏈接到我的頁面底部/頁腳的錨點。

它鏈接到＃頁腳錨

HTML

<div id="footer-anchor"> ... </div> 

它連接正常，但我想在網頁動畫的錨點，現在它只是「啪啪」的錨點。

編輯：我使用WordPress的，所以我不能硬編碼的HTML按鈕（我不認爲我可以反正）

Answer 1

可以使用scrollTop屬性。

$("#anchor").click(function() { 
    $("html, body").animate({ scrollTop: $("#footer-anchor").scrollTop() }, 1000); 
}