手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >页面刷新时记住滚动条的位置jquery代码
页面刷新时记住滚动条的位置jquery代码
摘要:@*点击按钮页面刷新的时候记住滚动条的位置*@复制代码代码如下:window.onbeforeunload=function(){varsc...

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

复制代码 代码如下:

<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>

【页面刷新时记住滚动条的位置jquery代码】相关文章:

jQuery获取页面元素绝对与相对位置的方法

用JavaScript实现页面重定向功能的教程

无间断滚动marquee的详细用法解析

EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)

js实现仿Windows风格选项卡和按钮效果

设为首页 加入收藏的js代码

新闻一段时间向上滚动效果

光标定位等TextRange的操作的范例代码

在页面中输出当前客户端时间javascript实例代码

动态加载jQuery的方法

精品推荐
分类导航