在 javascript 中使用 cookie 存儲(chǔ)和恢復(fù)滾動(dòng)位置,這是使用 HTML5 本地存儲(chǔ)規(guī)范的解決方案。
加載恢復(fù)方法
$(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!!";
};我是有底線的
掃描二維碼手機(jī)查看該文章
文章引用:http://www.qingbaosc.com/news/webzhishi/1444.html




