滚动之前滚动闪光灯

Question

页面重新加载之后，我需要保持滚动位置。我使用了此代码。

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

但在滚动屏幕前闪烁。它就像非常快速的动画。我该如何解决它？

感谢您的回答！但现在我有另一个问题。我将这添加到文档的头部。

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

这个文件就绪事件。

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'); 
     }; 

，并在所有

Answer 1

它`不滚动这可能是因为页面开始呈现onload事件发生之前。您可以尝试隐藏页面内容并在滚动完成后显示它（就像您在将隐藏模板从框架隐藏模板之前一样，在它们有机会渲染之前），例如：http://www.techrepublic.com/blog/web-designer/how-to-prevent-flash-of-unstyled-content-on-your-websites/