如何刷新代码而不丢失滚动位置? [英] How to refresh code without losing scroll position?

问题描述

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

I am using the script to reload the page every 10 seconds. I want to retain the scroll position even after the refresh. The following is my script:

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

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

推荐答案

您可以执行以下操作:

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

这篇关于如何刷新代码而不丢失滚动位置?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！