頁面刷新預加載頁面頁面位置問題

Question

嗨有我在我的預加載器有問題。如果我說的是一頁的中間，我點擊一個鏈接或頁面刷新，下一頁顯示在最後一個位置（例如，像我在前一頁中的下半頁）。我需要每一頁都在最上面。這裏是我的代碼：

$(window).load(function(e){ 
    e.preventDefault(); 
    $('#status').fadeOut('slow'); 
    $('#preloader').fadeOut('slow'); 
    $(function(){ 
     $(this).scrollTop(0); 
     setTimeout(function(){ 
     $('html, body').css({ "overflow-y":"auto"});}, 500); 
    });  
}); 

Answer 1

嗨發現在此基礎上Reload browser does not reset page to top

scrollTop的功能不正常這裏工作正在例如

$(window).load(function(e){ 
    e.preventDefault(); 
    $('#status').fadeOut('slow'); 
    $('#preloader').fadeOut('slow'); 
    $(function(){ 
     $('html').animate({scrollTop:0}, 1); 
     $('body').animate({scrollTop:0}, 1); 
     setTimeout(function(){ 
     $('html, body').css({ "overflow-y":"auto"});}, 500); 
     }); 

}); 

Answer 2

將$(this).scrollTop(0);一個（最低）的延遲後的答案（後推event-loop）

$(window).load(function(e) { 
 
    e.preventDefault(); 
 
    $('#status').fadeOut('slow'); 
 
    $('#preloader').fadeOut('slow'); 
 
    $(function() { 
 
    setTimeout(function() { 
 
     $(this).scrollTop(0); 
 
    }, 0); 
 
    setTimeout(function() { 
 
     $('html, body').css({ 
 
     "overflow-y": "auto" 
 
     }); 
 
    }, 500); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br>