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


Posted in Javascript onJune 17, 2014

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

<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>
Javascript 相关文章推荐
javascript 全角转换实现代码
Jul 17 Javascript
深入了解javascript中的prototype与继承
Apr 14 Javascript
js switch case default 的用法示例介绍
Oct 23 Javascript
jQuery实现表单提交时判断的方法
Dec 13 Javascript
jQuery解析XML 详解及方法总结
Sep 28 Javascript
DWR3 访问WEB元素的两种方法实例详解
Jan 03 Javascript
js 实现获取name 相同的页面元素并循环遍历的方法
Feb 14 Javascript
解决iView中时间控件选择的时间总是少一天的问题
Mar 15 Javascript
详解Chart.js轻量级图表库的使用经验
May 22 Javascript
JavaScript多态与封装实例分析
Jul 27 Javascript
详解vue-cli 2.0配置文件(小结)
Jan 14 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
Oct 12 Javascript
javascript 获取HTML DOM父、子、临近节点
Jun 16 #Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
Jun 16 #Javascript
input:checkbox多选框实现单选效果跟radio一样
Jun 16 #Javascript
Jquery动态添加及删除页面节点元素示例代码
Jun 16 #Javascript
纯js实现div内图片自适应大小(已测试,兼容火狐)
Jun 16 #Javascript
火狐下input焦点无法重复获取问题的解决方法
Jun 16 #Javascript
两种方法实现在HTML页面加载完毕后运行某个js
Jun 16 #Javascript
You might like
php实现从ftp服务器上下载文件树到本地电脑的程序
2009/02/10 PHP
php中判断数组是一维,二维,还是多维的解决方法
2013/05/04 PHP
PHP输出当前进程所有变量/常量/模块/函数/类的示例
2013/11/07 PHP
Linux环境下php实现给网站截图的方法
2016/05/03 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
[原创]后缀就扩展名为js的文件是什么文件
2007/12/06 Javascript
js修改input的type属性问题探讨
2013/10/12 Javascript
jQuery判断div随滚动条滚动到一定位置后停止
2014/04/02 Javascript
jquery操作复选框checkbox的方法汇总
2015/02/05 Javascript
jQuery实现多级联动下拉列表查询框
2016/01/18 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
2016/03/25 Javascript
jQuery动态添加可拖动元素完整实例(附demo源码下载)
2016/06/21 Javascript
jQuery实现的背景颜色渐变动画效果示例
2017/03/24 jQuery
Vue2.0 多 Tab切换组件的封装实例
2017/07/28 Javascript
node内置调试方法总结
2018/02/22 Javascript
轻量级JS Cookie插件js-cookie的使用方法
2018/03/22 Javascript
详谈vue中router-link和传统a链接的区别
2020/07/22 Javascript
详解vue3中组件的非兼容变更
2021/03/03 Vue.js
Python中在脚本中引用其他文件函数的实现方法
2016/06/23 Python
python非递归全排列实现方法
2017/04/10 Python
pandas.DataFrame删除/选取含有特定数值的行或列实例
2018/11/07 Python
Python实现查找最小的k个数示例【两种解法】
2019/01/08 Python
python对绑定事件的鼠标、按键的判断实例
2019/07/17 Python
python实现ip地址查询经纬度定位详解
2019/08/30 Python
python使用sklearn实现决策树的方法示例
2019/09/12 Python
python取均匀不重复的随机数方式
2019/11/27 Python
Django 自定义404 500等错误页面的实现
2020/03/08 Python
Django用数据库表反向生成models类知识点详解
2020/03/25 Python
解决Keras的自定义lambda层去reshape张量时model保存出错问题
2020/07/01 Python
Python 爬虫性能相关总结
2020/08/03 Python
美国背景检查、公共记录和人物搜索网站:BeenVerified
2018/02/25 全球购物
会计与审计毕业生自荐信范文
2013/12/30 职场文书
学校安全责任书
2014/04/14 职场文书
《庐山的云雾》教学反思
2014/04/22 职场文书
员工辞职信范文大全
2015/05/12 职场文书
电影红河谷观后感
2015/06/11 职场文书