스크롤하기 전에 스크롤 플래시

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

그리고 그것은`페이지가 onload 이벤트가 발생하기 전에 렌더링 시작하기 때문에 이것은 아마 모든

Answer 1

에서 스크롤하지. 페이지 콘텐츠를 숨기고 스크롤이 끝나면 표시 할 수 있습니다 (예를 들어, 렌더링 할 기회가 있기 전에 각도와 같은 프레임 워크에서 템플릿을 숨길 때와 마찬가지로). http://www.techrepublic.com/blog/web-designer/how-to-prevent-flash-of-unstyled-content-on-your-websites/