页面刷新预加载器页面位置问题

Question

您好，我的预加载器有问题。如果我说到页面的一半，然后单击 link 或页面刷新，则下一页显示在最后一个位置（例如，就像我在上一页上的一半一样。）我需要每个页面都在顶端。这是我的代码：

$(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>

页面刷新预加载器页面位置问题

Page Refresh Preloader Page Position Issue

html

javascript

jquery

preloader

image-preloader