一、实现思路

①页面滚动,将滚动位置存到session中 → ②再次进到页面中,到session中取出上次保存的浏览位置 → ③滚动到对应位置

二、实现

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);
};

 https://blog.csdn.net/oaa608868/article/details/53539954

您已经阅读00:00:00欢迎留言评论,喜欢的话就为作者点个赞或者赏颗糖吧! 分享