JavaScript:是否有类似 "restoring scroll position after refresh"的事件？有什么方法可以使用/创建它吗？

Question

当您滚动网页并刷新它时，滚动将跳转到刷新之前的位置。我有一些与滚动相关的 JavaScript，它会在“滚动”事件上修改网页的视觉状态，但刷新后不会注册“滚动位置恢复”。目前，我通过简单地设置 setTimeout 来解决这个问题，等待一段时间，然后读取滚动位置并运行我的代码，但这是不正确的。有没有更好的方法来做到这一点？

Answer 1

如果您需要在刷新后滚动，其行为会很奇怪，因为当您刷新所有网站时，都会从头开始加载。可以做什么也许可以将其保存在 localStorage 上的位置，并在页面加载后进行滚动:

 window.onbeforeunload = function() {
    localStorage.setItem('position',window.pageYOffset);
}


    $(window).on('load', function(){

         window.scrollTo(0,localStorage.getItem('position')||0);
});