在 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!!";
};
copy © 2025 星澜网络 All Rights Reserved