在客户端存储数据
HTML5 提供了两种在客户端存储数据的新方法:
- localStorage - 没有时间限制的数据存储
- sessionStorage - 针对一个 session 的数据存储
//滚动时保存滚动位置(这里通过localStorage 保存数据,可以根据每个项目的业务逻辑进行调整。)
$(window).scroll(function(){
if($(document).scrollTop()!=0){
localStorage.setItem("offsetTop", $(window).scrollTop());
}
});
//再次打开页面时,onload时,取出并滚动到上次保存位置
window.onload = function(){
var offset = localStorage.getItem("offsetTop");
$(document).scrollTop(offset);
};