需求:
①页面滚动,将滚动位置存到session中 →
②再次进到页面中,到session中取出上次保存的浏览位置
③滚动到对应位置
这里只介绍setItem和getItem,当然还有什么removeItem删除key、clear清除所有的key/value操作。
setItem存储value
用途:将value存储到key字段
用法:.setItem( key, value)
代码示例:
sessionStorage.setItem("key","value"); localStorage.setItem("site","js8.in");
getItem获取value
用途:获取指定key本地存储的值
用法:.getItem(key)
代码示例:
var value= sessionStorage.getItem("key");var site= localStorage.getItem("site");//滚动时保存滚动位置
$(window).scroll(function(){
if($(document).scrollTop()!=0){
sessionStorage.setItem("offsetTop",$(window).scrollTop());//保存滚动位置
}});
//onload时,取出并滚动到上次保存位置
window.onload =function()
{
var _offset =sessionStorage.getItem("offsetTop");
$(document).scrollTop(offsetTop);
};