页面刷新时记住滚动条的位置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 插件 人性化的消息显示
Jan 21 Javascript
表单元素与非表单元素刷新区别详细解析
Nov 06 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
Apr 16 Javascript
JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
Aug 19 Javascript
轻松掌握JavaScript装饰者模式
Aug 27 Javascript
jQuery在header中设置请求信息的方法
Mar 06 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
Apr 14 Javascript
React Native中的RefreshContorl下拉刷新使用
Oct 09 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 jQuery
vue引入axios同源跨域问题
Sep 27 Javascript
Vue模板语法中数据绑定的实例代码
May 17 Javascript
js实现滑动进度条效果
Aug 21 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
WordPress分页伪静态加html后缀
2016/06/08 PHP
apache php mysql开发环境安装教程
2016/07/28 PHP
Ubuntu 16.04下安装PHP 7过程详解
2017/03/28 PHP
php下的原生ajax请求用法实例分析
2020/02/28 PHP
Javascript 面向对象 命名空间
2010/05/13 Javascript
javascript针对DOM的应用实例(一)
2012/04/15 Javascript
js为鼠标添加右击事件防止默认的右击菜单弹出
2013/07/29 Javascript
使用js判断当前时区TimeZone是否是夏令时
2014/02/23 Javascript
在Google 地图上实现做的标记相连接
2015/01/05 Javascript
jquery判断输入密码两次是否相等
2020/04/22 Javascript
快速使用Bootstrap搭建传送带
2016/05/06 Javascript
如何编写jquery插件
2017/03/29 jQuery
nodejs实现解析xml字符串为对象的方法示例
2018/03/14 NodeJs
微信小程序如何使用globalData的方法
2019/06/06 Javascript
简述vue-cli中chainWebpack的使用方法
2019/07/30 Javascript
ES6实现图片切换特效代码
2020/01/14 Javascript
[01:02]2014 DOTA2国际邀请赛中国区预选赛 现场抢先看
2014/05/22 DOTA
Python模拟随机游走图形效果示例
2018/02/06 Python
用Python将mysql数据导出成json的方法
2018/08/21 Python
Python中整数的缓存机制讲解
2019/02/16 Python
python opencv 图像拼接的实现方法
2019/06/27 Python
解决python 3 urllib 没有 urlencode 属性的问题
2019/08/22 Python
决策树剪枝算法的python实现方法详解
2019/09/18 Python
解决os.path.isdir() 判断文件夹却返回false的问题
2019/11/29 Python
使用python 将图片复制到系统剪贴中
2019/12/13 Python
Python实现投影法分割图像示例(二)
2020/01/17 Python
python 实现rolling和apply函数的向下取值操作
2020/06/08 Python
html5的input的required使用中遇到的问题及解决方法
2018/04/24 HTML / CSS
司法助理专业自荐书
2014/06/13 职场文书
歌颂党的演讲稿
2014/09/10 职场文书
维稳工作情况汇报
2014/10/27 职场文书
2015年百日安全活动总结
2015/03/26 职场文书
承兑汇票延期证明
2015/06/23 职场文书
母婴行业实体、电商模式全面解析
2019/08/01 职场文书
Vue项目打包、合并及压缩优化网页响应速度
2021/07/07 Vue.js
【海涛七七解说】DCG第二周:DK VS 天禄
2022/04/01 DOTA