當Firefox運行良好時，Chrome並不總是跳到#top

Question

網站說明

我在那里的10個列表的頁面div的一次展示，而100是源文件內。 底部是一個按鈕，如果單擊該按鈕，將隱藏這10個div並顯示下一個10 div 。 按鈕本身是帶有href="#top"的樣式鏈接，其中ID屬於我的navbar 。

問題

如果我使用的是Chrome，則每次單擊該按鈕都不會跳到頂部。 有時它會跳轉，有時只是顯示新的div而不會跳轉到頂部。

什么有效

如果我使用Firefox，那沒有問題。

題

我怎么知道問題出在哪里-我的意思是，我的代碼中是否有其他錯誤導致這種行為（不跳轉到#top ）-還是有一種替代方法告訴用戶瀏覽器跳轉到頂部我應該或可以使用的？

Answer 1

不要使用錨點及其鏈接（因為錨點可能會更改位置，或在瀏覽器之間工作不同），而應使用Javascript，並使用window.scrollTo()函數：

的HTML

<button onclick="scrollToTop()">Go to Top</button>

Java腳本

function scrollToTop(){
    window.scrollTo(0, 0);
}

請注意， scrollTo()具有兩個參數。 滾動到的頂部和左側位置。 同樣， scrollTo() 也不設置動畫，它將立即滾動到您設置的位置。