页面刷新时记住滚动条的位置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 相关文章推荐
解决iframe的frameborder在chrome/ff/ie下的差异
Aug 12 Javascript
21个值得收藏的Javascript技巧
Feb 04 Javascript
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
Feb 01 Javascript
JavaScript中Object.prototype.toString方法的原理
Feb 24 Javascript
网页前端登录js按Enter回车键实现登陆的两种方法
May 10 Javascript
JavaScript 数组- Array的方法总结(推荐)
Jul 21 Javascript
分析javascript原型及原型链
Mar 18 Javascript
javascript实现文字跑马灯效果
Jun 18 Javascript
vue cli4.0项目引入typescript的方法
Jul 17 Javascript
js利用iframe实现选项卡效果
Aug 09 Javascript
vue离开当前页面触发的函数代码
Sep 01 Javascript
解决js中的setInterval清空定时器不管用问题
Nov 17 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
第二节 对象模型 [2]
2006/10/09 PHP
无数据库的详细域名查询程序PHP版(2)
2006/10/09 PHP
详谈PHP程序Laravel 5框架的优化技巧
2016/07/18 PHP
JSON PHP中,Json字符串反序列化成对象/数组的方法
2018/05/31 PHP
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
2013/06/26 Javascript
JavaScript实现页面实时显示当前时间的简单实例
2013/07/20 Javascript
javascript自启动函数的问题探讨
2013/10/05 Javascript
原生javascript 学习之js变量全面了解
2016/07/14 Javascript
基于jQuery实现顶部导航栏功能
2016/12/27 Javascript
vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
2017/02/22 Javascript
bootstrap实现动态进度条效果
2017/03/08 Javascript
Ajax验证用户名或昵称是否已被注册
2017/04/05 Javascript
详解如何在Vue项目中导出Excel
2019/04/19 Javascript
详解Python中break语句的用法
2015/05/14 Python
python生成1行四列全2矩阵的方法
2018/08/04 Python
python文本数据处理学习笔记详解
2019/06/17 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
pycharm 批量修改变量名称的方法
2019/08/01 Python
如何基于python操作json文件获取内容
2019/12/24 Python
python如何更新包
2020/06/11 Python
浅谈Keras中shuffle和validation_split的顺序
2020/06/19 Python
Python并发爬虫常用实现方法解析
2020/11/19 Python
德国运动营养和健身网上商店:Myprotein.de
2018/07/18 全球购物
女大学生个人求职信
2013/12/09 职场文书
日语求职信范文
2013/12/17 职场文书
六十大寿答谢词
2014/01/12 职场文书
初中政治教学反思
2014/01/17 职场文书
旅游与酒店管理专业求职信
2014/07/21 职场文书
道歉的话怎么说
2015/05/12 职场文书
初中毕业生感言
2015/07/31 职场文书
个人业务学习心得体会
2016/01/25 职场文书
Python基础之教你怎么在M1系统上使用pandas
2021/05/08 Python
教你用python实现12306余票查询
2021/06/30 Python
python周期任务调度工具Schedule使用详解
2021/11/23 Python
微信小程序APP的事件绑定以及传递参数时的冒泡和捕获
2022/04/19 Javascript
Android基础入门之dataBinding的简单使用教程
2022/06/21 Java/Android