javascript - 如何在不丢失滚动位置的情况下刷新代码？

Question

我正在使用脚本每 10 秒重新加载一次页面。即使在刷新后我也想保留滚动位置。以下是我的脚本:

<script type="text/javascript" language="javascript">
  var idleInterval = setInterval("reloadPage()", 10000);

  function reloadPage() {
    location.reload(false);
  }
</script>

Answer 1

你可以这样做:

window.addEventListener('scroll',function() {
    //When scroll change, you save it on localStorage.
    localStorage.setItem('scrollPosition',window.scrollY);
},false);

然后加载:

window.addEventListener('load',function() {
    if(localStorage.getItem('scrollPosition') !== null)
       window.scrollTo(0, localStorage.getItem('scrollPosition'));
},false);