页面刷新时记住滚动条的位置jquery代码

163 阅读 0 评论 108 点赞

我是靠谱客的博主无私戒指，最近开发中收集的这篇文章主要介绍页面刷新时记住滚动条的位置jquery代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

@*点击按钮页面刷新的时候记住滚动条的位置*@

复制代码代码如下:

 
<script type="text/javascript"> 
window.onbeforeunload = function () { 
var scrollPos; 
if (typeof window.pageYOffset != 'undefined') { 
scrollPos = window.pageYOffset; 
} 
else if (typeof document.compatMode != 'undefined' && 
document.compatMode != 'BackCompat') { 
scrollPos = document.documentElement.scrollTop; 
} 
else if (typeof document.body != 'undefined') { 
scrollPos = document.body.scrollTop; 
} 
document.cookie = "scrollTop=" + scrollPos; //存储滚动条位置到cookies中 
} 

window.onload = function () { 
if (document.cookie.match(/scrollTop=([^;]+)(;|$)/) != null) { 
var arr = document.cookie.match(/scrollTop=([^;]+)(;|$)/); //cookies中不为空，则读取滚动条位置 
document.documentElement.scrollTop = parseInt(arr[1]); 
document.body.scrollTop = parseInt(arr[1]); 
} 
} 
</script> 