青岛网站建设新闻资讯

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

时间:2024-01-12 已阅读:961次 | 作者:青岛网站建设

首页>新闻资讯>建站知识

在 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!!";
};



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

文章引用:https://www.qinghuahulian.com/news/webzhishi/1444.html

相关资讯

Copyright © 2011-2024 青华互联-青岛青华锐思网络科技有限公司 www.qinghuahulian.com All Rights Reserved
鲁公网安备37020202000800号 鲁ICP备14020555号-4 网站地图 百度地图