页面刷新时记住滚动条的位置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 EasyUI API 中文文档 - DataGrid数据表格
jQuery EasyUI API 中文文档 - DataGrid数据表格使用说明，需要的朋友可以参考下。2011-11-11
在一些网站我们经常看到当我们要输入邮箱的时候，还没有填写完，就会出现一系列下拉列表，帮助我们自动补全邮箱，怎么实现的呢？今天下面给大家分享基于jquery实现邮箱下拉列表自动补全功能，一起看看吧2016-09-09
jquery按回车提交数据的代码示例，很简单的一个方法，看一下就明白2013-11-11
取选中的radio的值2010-01-01
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
想要利用ExtJS的库函数对DOM进行各类操作，就要得到Element类型的对象，但是Ext.get()取到的虽然是Element，但是参数只能是id，如果大家对jQuery的selector方式很喜欢和崇拜，那么就一定要学习Ext.get()和Ext.query()的组合方式。2011-09-09
这篇文章主要为大家详细介绍了jQuery+PHP+Mysql实现抽奖程序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
开发插件的两个方法jquery.fn.extend与jquery.extend
jQuery为开发插件提拱了两个方法，分别是jquery.fn.extend与jquery.extend，接下来就为大家介绍下两者的具体使用2013-11-11
侧滑菜单在网站设计中应用比较广泛，在许多网站上都可以看到此种类型的菜单。本文给大家介绍jQuery+CSS实现一个侧滑导航菜单代码，需要的朋友参考下吧2016-05-05
jquery中获取当前鼠标的x、y位置位置的代码，需要的朋友可以参考下。2011-05-05
这篇文章主要介为大家详细绍了jquery小火箭返回顶部特效，当用户浏览到网页的最下端时，点击右下角的火箭可以返回到页面最顶部，滚动效果平滑，有需要的小伙伴可以参考下。2015-08-08
最新评论