Chrome / Safari - 在頁面加載時window.scroll

Question

我正在一個項目中，我的客戶要求將頁面加載到頂部。 這是要求

每當您刷新頁面時，無論您在何處瀏覽，頁面都必須刷新頁面頂部。

為了得到這個，我在文檔加載時使用了兩個函數window.scroll(0,0)和scrollTop(0) 。

 jQuery(document).ready(function(e){
  window.scroll(0,0);
 });

和

 jQuery(document).ready(function(e){
  jQuery("body,html,document").scrollTop(0);
 });

使用以上兩個代碼中的任何一個在瀏覽器中都能獲得理想的結果，但Chrome / Safari中除外。
這就是我在Chrome / Safari中遇到的情況。 假設我位於頁面底部，然后刷新該頁面，則按以下順序獲取事件。

1. 頁面加載到我刷新時的位置。 （底部 - 頁面加載）。
2. 然后上面提到的功能工作，讓我到頁面的頂部。 （繼續加載中）。
3. 最后，當頁面完全加載時，它會將我帶回到刷新頁面時的位置，即底部。

您可以在此頁面查看 。

我也試過把超時功能作為。

 jQuery(document).ready(function(e){
  setTimeout(function() {window.scrollTo(0, 0);},500)
 });

現在，這適用於一些頁面但不是全部。 所以我正在尋找比我更好的方式。 謝謝。

Answer 1

你應該使用這樣的東西：

$(document).ready(function(){
    $(this).scrollTop(0);
});

編輯：Chrome / Safari：

$(window).on('beforeunload', function() {
    $(window).scrollTop(0);
});