在 javascript 中使用 cookie 存储和恢复滚动位置

在 javascript 中使用 cookie 存储和恢复滚动位置，这是使用 HTML5 本地存储规范的解决方案。

加载恢复方法

$(function() {
  if (localStorage.tempScrollTop) {
    $(window).scrollTop(localStorage.tempScrollTop);
    alert("loaded postion : " + localStorage.tempScrollTop);
  }
});

//保存方法1
$(window).on("scroll", function() {
  localStorage.setItem("tempScrollTop", $(window).scrollTop());
});

//保存方法2
window.onbeforeunload = function() {
  var tempScrollTop = $(window).scrollTop();
  localStorage.setItem("tempScrollTop", tempScrollTop);
  return "Saved scroll to localstorage!!";
};

扫描二维码手机查看该文章