欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

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

时间:2020-11-26 22:18:46|栏目: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>

上一篇:jQuery实现的纵向下拉菜单实例详解【附demo源码下载】

栏    目:jquery

下一篇:jQuery取得select选择的文本与值的示例

本文标题:页面刷新时记住滚动条的位置jquery代码

本文地址:http://www.codeinn.net/misctech/26480.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有