javascript - 按下后退按钮时如何保留可滚动区域的滚动位置？

Question

我在一个大的可滚动 div 中有一长串链接。每次当用户点击一个链接然后点击后退按钮时，它从 div 的最顶部开始。它对我们的用户不友好。有什么方法可以让浏览器在按下后退按钮时滚动到上一个位置？

非常感谢!

Answer 1

在页面卸载时，获取滚动位置并将其存储在本地存储中。然后在页面加载期间，检查本地存储并设置滚动位置。假设您有一个 ID 为 element 的 div 元素。如果是页面，请更改选择器:)

$(function() {
   $(window).unload(function() {
      var scrollPosition = $("div#element").scrollTop();
      localStorage.setItem("scrollPosition", scrollPosition);
   });
   if(localStorage.scrollPosition) {
      $("div#element").scrollTop(localStorage.getItem("scrollPosition"));
   }
});