美文网首页
js:返回到页面时滚动到上次浏览位置

js:返回到页面时滚动到上次浏览位置

作者: 思无邪cc | 来源:发表于2017-03-02 12:45 被阅读550次
客户端存储数据的两个对象为:
  • localStorage:没有时间限制的数据存储
  • sessionStorage - 针对一个 session 的数据存储(关闭窗口,存储的数据清空)
代码块:
//滚动时保存滚动位置
$(window).scroll(function(){
  if($(document).scrollTop()!=0){
    sessionStorage.setItem("offsetTop", $(window).scrollTop());
  }
});
//onload时,取出并滚动到上次保存位置
window.onload = function(){
  var offset = sessionStorage.getItem("offsetTop");
  $(document).scrollTop(offset);
};
注:当window.onload没效果时,可尝试$(document).ready(function());

【代码部分非原创,来源不可考】

相关文章

网友评论

      本文标题:js:返回到页面时滚动到上次浏览位置

      本文链接:https://www.haomeiwen.com/subject/yovhgttx.html