需求:
①頁面滾動,將滾動位置存到session中?→
②再次進到頁面中器赞,到session中取出上次保存的瀏覽位置?
?③滾動到對應(yīng)位置
這里只介紹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);
};