javascript - 当客户端返回时保持大 HTML 页面的滚动位置

Question

我正在提供很长的 html 页面(短电子书)

当客户返回时，由于 html 页面太长，试图找到中断的确切位置太麻烦了。

有没有一种简单的方法可以自动维护滚动位置，以便下次客户端返回页面时页面自动向下滚动到他离开的位置。这需要是透明的，即没有点击来“存储”滚动位置。

Answer 1

步骤很简单，但此问题的解决方案取决于您的应用实现，您可以:

• 获取当前滚动位置，可以使用:

  window.pageYOffset

• 存储位置，这有两部分，时间和地点:

  • 您可以选择在窗口关闭时、每次用户滚动时或按设定的时间间隔存储数据...

  • 对于“位置”，根据您的应用程序，您可能希望将其存储在服务器端的 cookie、本地存储中(如果用户需要登录才能阅读电子书) ...

• 通过检索存储的数据来恢复用户返回时的位置，并使用滚动到该位置

  window.scrollTo(0, 位置);

所以这里真正的问题是何时何地存储位置，这取决于您的应用程序。