页面刷新时记住滚动条的位置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入门教程(11) js事件处理
Jan 31 Javascript
jquery常用方法及使用示例汇总
Nov 08 Javascript
生成二维码方法汇总
Dec 26 Javascript
JS图片放大效果简单实现代码
Sep 08 Javascript
vue.js 初体验之Chrome 插件开发实录
May 13 Javascript
JS验证码实现代码
Sep 14 Javascript
vue 根据数组中某一项的值进行排序的方法
Aug 30 Javascript
JavaScript实现汉字转换为拼音及缩写的方法示例
Mar 28 Javascript
从0到1搭建element后台框架优化篇(打包优化)
May 12 Javascript
js页面加载后执行的几种方式小结
Jan 30 Javascript
vue父子模板传值问题解决方法案例分析
Feb 26 Javascript
JavaScript实现两个数组的交集
Mar 25 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数组函数序列之array_values() 获取数组元素值的函数与方法
2011/10/30 PHP
php 启动报错如何解决
2014/01/17 PHP
php实现URL加密解密的方法
2016/11/17 PHP
javascript globalStorage类代码
2009/06/04 Javascript
jquery tablesorter.js 支持中文表格排序改进
2009/12/09 Javascript
ko knockoutjs动态属性绑定技巧应用
2012/11/14 Javascript
jquery miniui 教程 表格控件 合并单元格应用
2012/11/25 Javascript
js控制CSS样式属性语法对照表
2012/12/11 Javascript
jQuery中$.fn的用法示例介绍
2013/11/05 Javascript
Flash图片上传组件 swfupload使用指南
2015/03/14 Javascript
使用 stylelint检查CSS_StyleLint
2016/04/28 Javascript
简单总结JavaScript中的String字符串类型
2016/05/26 Javascript
NodeJs的fs读写删除移动监听
2017/04/28 NodeJs
jQuery Form插件使用详解_动力节点Java学院整理
2017/07/17 jQuery
基于Axios 常用的请求方法别名(详解)
2018/03/13 Javascript
angularjs实现对表单输入改变的监控(ng-change和watch两种方式)
2018/08/29 Javascript
js实现拾色器插件(ColorPicker)
2020/05/21 Javascript
python中的hashlib和base64加密模块使用实例
2014/09/02 Python
Python 两个列表的差集、并集和交集实现代码
2016/09/21 Python
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
python验证码识别教程之滑动验证码
2018/06/04 Python
解决pycharm 误删掉项目文件的处理方法
2018/10/22 Python
python文字和unicode/ascll相互转换函数及简单加密解密实现代码
2019/08/12 Python
Python通过两个dataframe用for循环求笛卡尔积
2020/04/29 Python
Elasticsearch py客户端库安装及使用方法解析
2020/09/14 Python
Python环境使用OpenCV检测人脸实现教程
2020/10/19 Python
Python 列表反转显示的四种方法
2020/11/16 Python
HTML5仿微信聊天界面、微信朋友圈实例代码
2018/01/29 HTML / CSS
将一个文本文件的内容按倒序打印出来
2015/01/05 面试题
求职简历中的自我评价分享
2013/12/08 职场文书
工程业务员岗位职责
2013/12/31 职场文书
高中考试作弊检讨书
2014/01/14 职场文书
法定代表人授权委托书范本
2014/10/07 职场文书
组织生活会表态发言材料
2014/10/17 职场文书
安全生产隐患排查制度
2015/08/05 职场文书
ubuntu下常用apt命令介绍
2022/06/05 Servers