页面刷新时记住滚动条的位置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模板技术
Apr 27 Javascript
JavaScript中的作用域链和闭包
Jun 30 Javascript
javascript自适应宽度的瀑布流实现思路
Feb 20 Javascript
jQuery插件EasyUI校验规则 validatebox验证框
Nov 29 Javascript
jQuery 监控键盘一段时间没输入
Apr 22 Javascript
后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法
Jul 05 Javascript
详解Angular2中Input和Output用法及示例
May 21 Javascript
JS中Safari浏览器中的Date
Jul 17 Javascript
jquery ajax加载数据前台渲染方式 不用for遍历的方法
Aug 09 jQuery
Layui 设置select下拉框自动选中某项的方法
Aug 14 Javascript
Node 代理访问的实现
Sep 19 Javascript
基于JavaScript获取base64图片大小
Oct 18 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
高分R级DC动画剧《哈莉·奎茵》第二季正式预告首发
2020/04/09 欧美动漫
二进制交叉权限微型php类分享
2014/02/07 PHP
mac环境中使用brew安装php5.5.15
2014/08/18 PHP
ThinkPHP写数组插入与获取最新插入数据ID实例
2014/11/03 PHP
php写入、删除与复制文件的方法
2015/06/20 PHP
对laravel的session获取与存取方法详解
2019/10/08 PHP
JavaScript 常用函数
2009/12/30 Javascript
js使用函数绑定技术改变事件处理程序的作用域
2011/12/26 Javascript
js变换显示图片的实例
2013/04/16 Javascript
javascript简单实现命名空间效果
2014/03/06 Javascript
node.js中的fs.read方法使用说明
2014/12/17 Javascript
jquery获取当前日期的方法
2015/01/14 Javascript
jQuery实现移动 和 渐变特效的点击事件
2015/02/26 Javascript
详解JavaScript中的构造器Constructor模式
2016/01/14 Javascript
javascript RegExp 使用说明
2016/05/21 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
2016/06/06 Javascript
Vue filters过滤器的使用方法
2017/07/14 Javascript
记录vue项目中遇到的一点小问题
2019/05/14 Javascript
小程序实现搜索界面 小程序实现推荐搜索列表效果
2019/05/18 Javascript
[01:45:05]VGJ.T vs Newbee Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
python中redis的安装和使用
2016/12/04 Python
python修改list中所有元素类型的三种方法
2018/04/09 Python
解决Django数据库makemigrations有变化但是migrate时未变动问题
2018/05/30 Python
python实现录音小程序
2020/10/26 Python
python遍历文件夹找出文件夹后缀为py的文件方法
2018/10/21 Python
python: 判断tuple、list、dict是否为空的方法
2018/10/22 Python
python使用装饰器作日志处理的方法
2019/07/11 Python
Flask缓存静态文件的具体方法
2020/08/02 Python
免费获得微软MCSD证书赶快行动吧!
2012/11/13 HTML / CSS
日本必酷网络直营店:Biccamera
2019/03/23 全球购物
学生的自我鉴定范文
2013/10/24 职场文书
优秀管理者事迹材料
2014/05/22 职场文书
歌颂党的演讲稿
2014/09/10 职场文书
销售经理工作检讨书
2015/02/19 职场文书
天气温馨提示语
2015/07/14 职场文书
公司要求试用期员工提交“述职报告”,该怎么写?
2019/07/17 职场文书