javascript - 在重新加载和加载时滚动到相同位置

Question

我有一个充满 div 的网页，长度很大，所以每当我刷新我的页面或通过操作手动加载文档时，我需要将我的窗口或文档滚动到相同的位置或以前的位置，但我希望浏览器自动完成。
我在网上搜索它并没有找到任何帮助，但我开始知道没有任何其他库包含的解决方案。

我有一个页面的高度超过了一些 div 的窗口高度，每当我选择页面中间的任何东西时选择框，它刷新我的页面并发送加载新文档 here 我想移动到我之前选择的选择框放置 div 这样我就可以避免在每个选择上手动滚动

Answer 1

据我了解，页面的刷新不是自动的，完全取决于用户。因此，我想到的一种解决方案是使用 local storage它内置于浏览器中，并定期使用您的 pos 变量更新该存储。

示例代码片段(直接取自文档 - 纯 javascript):

 // Store
 localStorage.setItem("lastname", "Smith");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

这样您就可以检索上次保存的滚动位置并执行必要的操作。 Jquery 也有一个 local storage API围绕这个 HTML5 网络存储构建。我已经发布了文档，它应该可以帮助您朝着正确的方向开始。