页面刷新时记住滚动条的位置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 3D球状导航的文章分类
Jul 06 Javascript
javascript阻止浏览器后退事件防止误操作清空表单
Nov 22 Javascript
js判断横竖屏及禁止浏览器滑动条示例
Apr 29 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
Mar 26 Javascript
JavaScript判断数组是否包含指定元素的方法
Jul 01 Javascript
angular forEach方法遍历源码解读
Jan 25 Javascript
js设置随机切换背景图片的简单实例
Nov 12 Javascript
javascript实现遮罩层动态效果实例
May 14 Javascript
JS实现的简单tab切换功能完整示例
Jun 20 Javascript
vue.js 2.0实现简单分页效果
Jul 29 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
Sep 01 Javascript
ES6学习笔记之let与const用法实例分析
Jan 22 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
用Socket发送电子邮件
2006/10/09 PHP
第七节--类的静态成员
2006/11/16 PHP
PHP语法速查表
2007/01/02 PHP
PHP 中dirname(_file_)讲解
2007/03/18 PHP
PHP项目多语言配置平台实现过程解析
2020/05/18 PHP
Juqery Html(),append()等方法的Bug解决方法
2010/12/13 Javascript
ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox
2012/02/03 Javascript
jQuery标签替换函数replaceWith()的使用例子
2014/08/28 Javascript
js中this的用法实例分析
2015/01/10 Javascript
jquery Easyui快速开发总结
2015/08/20 Javascript
js多功能分页组件layPage使用方法详解
2016/05/19 Javascript
Bootstrap表单Form全面解析
2016/06/13 Javascript
jQuery实现可拖拽3D万花筒旋转特效
2017/01/03 Javascript
解决Vue页面固定滚动位置的处理办法
2017/07/13 Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
2017/10/13 Javascript
Node做中转服务器转发接口
2017/10/18 Javascript
React Native中Mobx的使用方法详解
2018/12/04 Javascript
JS快速实现简单计算器
2020/04/08 Javascript
解决nuxt页面中mounted、created、watch执行两遍的问题
2020/11/05 Javascript
Python抓取Discuz!用户名脚本代码
2013/12/30 Python
Python 基础教程之包和类的用法
2017/02/23 Python
Python序列循环移位的3种方法推荐
2018/04/09 Python
Python爬虫之pandas基本安装与使用方法示例
2018/08/08 Python
在Python中居然可以定义两个同名通参数的函数
2019/01/31 Python
Application Cache未缓存文件无法访问无法加载问题
2014/05/31 HTML / CSS
Melijoe美国官网:法国奢侈童装购物网站
2017/04/19 全球购物
英国鲜花递送:Blossoming Gifts
2020/07/10 全球购物
设置器与访问器的定义以及各自特点
2016/01/08 面试题
三好学生演讲稿范文
2014/04/26 职场文书
网络技术专业求职信
2014/05/02 职场文书
联谊会开场白
2015/06/01 职场文书
雨雪天气温馨提示
2015/07/15 职场文书
创业计划书之冷饮店
2019/09/27 职场文书
python某漫画app逆向
2021/03/31 Python
简单总结SpringMVC拦截器的使用方法
2021/06/28 Java/Android
口袋妖怪冰系十大最强精灵,几何雪花排第七,第六类似北极熊
2022/03/18 日漫