页面刷新时记住滚动条的位置jquery代码
更新时间：2014年06月17日 09:04:36 投稿：whsnow
这篇文章主要介绍了点击按钮页面刷新的时候 记住滚动条的位置,需要的朋友可以参考下
@*点击按钮页面刷新的时候 记住滚动条的位置*@
<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>
复制代码 代码如下:
<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的aminate动画方法定位，下面有个不粗的示例，感兴趣的朋友可以参考下2013-12-12
这篇文章主要介绍了jQuery 1.9.1源码分析系列（十三）之位置大小操作的相关资料,需要的朋友可以参考下2015-12-12
基于jquery的一个简单的脚本验证插件，希望能对大家有所帮助，有demo2010-04-04
这篇文章主要介绍了jquery如何实现select选中行、列合计示例 ,需要的朋友可以参考下2014-04-04
这篇文章主要介绍了Jquery 实现grid绑定模板的相关资料,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了基于jquery实现图片上传本地预览功能的相关资料,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了jQuery动画出现连续触发、滞后反复执行的解决方法,实例分析了针对jQuery中slideUp、slideDown、animate等动画运用时出现的滞后反复执行等问题的解决方法,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了深入了解query和params的使用区别，路由传参的时候，有俩兄弟，一个叫query，一个叫parmas，你说他们俩长得也不像吧，可这用法实在是太类似了，下面就让我们分别从vue路由和Node接收两个角度讲他们的区别,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了JQuery常用简单动画操作方法,回顾与总结了jQuery常用的各种动画效果操作方法及相关使用技巧,需要的朋友可以参考下2019-12-12
这篇文章主要介绍了jQuery简单实现遍历单选框的方法,涉及jQuery针对页面表单元素的遍历及事件响应相关操作技巧,需要的朋友可以参考下2017-03-03
最新评论