Scroll-Flash vor dem Scrollen

Question

Nach dem Neuladen der Seite muss Scroll-Position beibehalten werden. Ich habe diesen Code verwendet.

window.onload = function() { 
      document.onscroll = function() { 
       sessionStorage.scrollTop = document.body.scrollTop; 
      }; 
      if (sessionStorage.scrollTop != "undefined") { 
       document.body.scrollTop = sessionStorage.scrollTop; 
      }   
     }; 

Aber bevor Scroll-Bildschirm blinkt. Es ist wie sehr schnell animiert. Wie kann ich es reparieren?

Danke für die Antwort! Aber jetzt habe ich ein anderes Problem. Ich füge das dem Kopf des Dokuments hinzu.

<style type="text/css"> 
     .no_fouc { 
      display: none; 
     } 
    </style> 
    <script type="text/javascript"> 
     document.documentElement.className = 'no_fouc'; 
    </script> 

Dies zu dokumentieren bereit Ereignis.

window.onload = function() { 
      document.onscroll = function() { 
       sessionStorage.scrollTop = document.body.scrollTop; 
      }; 
      if (sessionStorage.scrollTop != "undefined") { 
       document.body.scrollTop = sessionStorage.scrollTop; 
      } 
      $('.no_fouc').removeClass('no_fouc'); 
     }; 

Und es `s Scrollen nicht bei allen

Answer 1

Dies ist wahrscheinlich, weil die Seite Rendering beginnt, bevor das onload Ereignis eintritt. Sie könnten versuchen, den Seiteninhalt auszublenden und nach dem Scrollen anzuzeigen (ähnlich wie beim Ausblenden von Vorlagen aus Frameworks wie eckig, bevor sie eine Chance zum Rendern haben) für ex http://www.techrepublic.com/blog/web-designer/how-to-prevent-flash-of-unstyled-content-on-your-websites/