Обновление Страницы Проблема Позиции Страницы Preloader

Привет там у меня есть проблема с моим preloader. Если я, скажем, на полпути вниз страницы, и я нажимаю ссылку или страницу обновить Следующая страница показывает в последней позиции (e.G на полпути вниз, как и на предыдущей странице.) Мне нужно, чтобы каждая страница была наверху. Вот мой код:

$(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);
    });       
});

2 ответа

  1. Привет нашел ответ на основе этой перезагрузки браузера не сбрасывает страницу вверх

    функция 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);
            });
    
    });
    
  2. Put $(this).scrollTop(0);after a (Minimum)delay(Pushed later in 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>