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

客户端存储数据的两个对象为:
  • 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());

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 5,625评论 0 106
  • 3月1日 1. 你做的页面在哪些浏览器测试过,它们的内核分别是什么? IE:trident内核 Firefox:g...
    福尔摩鸡阅读 1,687评论 1 6
  • Web Storage规范 是HTML5的一部分 目的:克服由cookie带来的一些限制,当数据需要被严格的控制在...
    放风筝的小小马阅读 2,293评论 0 6
  • 前情回顾:回到学校后庄子栗毫不犹豫地选择了分手,却惨被弄进医院,因为程兮辞邪恶起来的时候根本不是人……【上一章在这...
    绕指安生阅读 406评论 0 5
  • 01. 和N在食堂吃午饭,半晌无言,我听到,周围人流攒动的声音,觥筹交错的声音,以及,N突如其来的发问:你有点心不...
    shinesy阅读 461评论 5 1