页面刷新时记住滚动条的位置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 相关文章推荐
jQuery 选择表格(table)里的行和列及改变简单样式
Dec 15 Javascript
JavaScript控制网页层收起和展开效果的方法
Apr 15 Javascript
javascript实现简单的省市区三级联动
May 14 Javascript
浅谈JavaScript对象的创建方式
Jun 13 Javascript
关于javascript中限定时间内防止按钮重复点击的思路详解
Aug 16 Javascript
响应式表格之固定表头的简单实现
Aug 26 Javascript
PHP7新特性简述
Jun 11 Javascript
swiper移动端轮播插件(触碰图片之后停止轮播)
Dec 28 Javascript
vue element-ui 绑定@keyup事件无效的解决方法
Mar 09 Javascript
apicloud拉起小程序并传递参数的方法示例
Nov 21 Javascript
Vue CLI 3.x 自动部署项目至服务器的方法
Apr 02 Javascript
Vue的Options用法说明
Aug 14 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随机输出名人名言的代码
2012/10/07 PHP
php实现给图片加灰色半透明效果的方法
2014/10/20 PHP
PHP中函数gzuncompress无法使用的解决方法
2017/03/02 PHP
PHP面向对象之事务脚本模式(详解)
2017/06/07 PHP
php实现的支付宝网页支付功能示例【基于TP5框架】
2019/09/16 PHP
js树形控件脚本代码
2008/07/24 Javascript
jQuery对象[0]是什么含义?
2010/07/31 Javascript
JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
2012/09/14 Javascript
通过javascript获取iframe里的值示例代码
2013/06/24 Javascript
js简单实现删除记录时的提示效果
2013/12/05 Javascript
jQuery中delegate与on的用法与区别示例介绍
2013/12/20 Javascript
用jquery写的一个万年历(自写)
2014/01/20 Javascript
JavaScript函数内部属性和函数方法实例详解
2016/03/17 Javascript
javascript 分号总结及详细介绍
2016/09/24 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
2016/12/28 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
2017/04/21 Javascript
详解vue嵌套路由-params传递参数
2017/05/23 Javascript
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
2017/08/28 Javascript
详解动画插件wow.js的使用方法
2017/09/13 Javascript
web前端页面生成exe可执行文件的方法
2018/02/08 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
2018/11/28 Javascript
javascript之分片上传,断点续传的实际项目实现详解
2019/09/05 Javascript
[01:32]DOTA2次级联赛——首支职业女子战队选拔赛全记录
2014/10/23 DOTA
[52:20]VP vs VG Supermajor小组赛 B组胜者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
Python实现的根据文件名查找数据文件功能示例
2018/05/02 Python
Python threading.local代码实例及原理解析
2020/03/16 Python
主键(Primary Key)约束和唯一性(UNIQUE)约束的区别
2013/05/29 面试题
英语国培研修感言
2014/02/13 职场文书
信息服务专业毕业生求职信
2014/03/02 职场文书
个性与发展自我评价
2015/03/06 职场文书
公司内部升职自荐信
2015/03/27 职场文书
介绍信格式样本
2015/05/05 职场文书
2015年乡镇工会工作总结
2015/05/19 职场文书
刑事上诉状(无罪)
2015/05/23 职场文书
Python爬取英雄联盟MSI直播间弹幕并生成词云图
2021/06/01 Python
MySQL表类型 存储引擎 的选择
2021/11/11 MySQL