用sessionStorage实现页面刷新滚动位置记忆

当用户从一个长页面滚动到某一个位置时,刷新或点击链接后返回该页面还从浏览的位置加载,即记忆浏览位置,首先引入jQuery库

```

<pre>

<script type="text/javascript" src="jQuery"></script>

$(window).scroll(

function(){

if($(document).scrollTop!=0){

sessionStorage.setItem("memory_point",$(document).scrollTop);

}

}

)

$(document).onload=function(){

var mPoint=sessionStorage.getItem("memory_point");

$(window).scrollTop(mPoint);

}


</pre>

```

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

推荐阅读更多精彩内容

  • H5 meta详解 viewport width:控制 viewport 的大小,可以指定的一个值,如果 600,...
    FConfidence阅读 842评论 0 3
  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 2,535评论 0 25
  • 新增的API 1.语义: 能够让你更恰当地描述你的内容是什么。 2.连通性: 能够让你和服务器之间通过创新的新技术...
    红鲤鱼不理绿鲤鱼阅读 6,930评论 0 5
  • 常见试题 行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-h...
    他大舅啊阅读 2,492评论 1 5
  • Web Storage规范 是HTML5的一部分 目的:克服由cookie带来的一些限制,当数据需要被严格的控制在...
    放风筝的小小马阅读 2,259评论 0 6