如何使用 Javascript 滾動到頁面頂部？

Question

如何使用javascript在php中滾動到頁面頂部

scroll(0,0); \\ this is not working?

單擊提交時，我調用一個函數來驗證表單，如果出現錯誤，我將通過 innerhtml 設置錯誤消息，並且需要滾動到頁面頂部而不提交。

一切正常......但它沒有滾動到頁面頂部

Answer 1

使用窗口屬性 scrollTop ( MSDN , MDC ) 設置要滾動偏移的像素數。

window.scrollTop = '0';

Answer 2

如果您有一個要滾動的特定元素，比如說，您正在修改其innerHTML的元素，那么您可以使用以下內容

 element.scrollIntoView(true);

適用於所有瀏覽器

Answer 3

試試 window.scrollTo(0,0) 怎么樣。 它與 scroll(0,0) 基本相同。

如果它不起作用，請向我們展示更多代碼。

Answer 4

滾動到頁面的絕對頂部可以通過以下任一方式實現

window.scrollTo(0,0);

要么

window.location = "#";

請注意，第二種方法會將“#”附加到當前 URL。

Answer 5

<a href="#">Scroll to Selected Position</a>

上面的代碼對我有用。 我試過onclick="window.scrollTo(0, 0);" 但這對我不起作用，我所需要的只是href="#"並且沒有 onclick。 我們可能還會注意到#將被附加到url 。

舊的非工作代碼有href="javascript:scroll(0,0)"在 angular/iframe 組件中滾動到頂部時出現問題。

上面的代碼在 Firefox 中不起作用。

最終解決方案：

function scrollToSelectedPosition() {
   var sectionToJump = document.getElementById('section-to-jump');
   $(sectionToJump).scrollIntoView();
}

和

<a onclick="scrollToSelectedPosition()">Scroll to Selected Position</a>

這適用於 FireFox、Chrome、Safari 和 IE。