页面刷新时记住滚动条的位置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 相关文章推荐
再次分享18个非常棒的jQuery表格插件
Apr 10 Javascript
基于jquery的15款幻灯片插件
Apr 10 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
Jul 12 Javascript
node.js中的require使用详解
Dec 15 Javascript
js获取url传值的方法
Dec 18 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
Feb 22 Javascript
JS简单获取及显示当前时间的方法
Aug 03 Javascript
基于JS实现回到页面顶部的五种写法(从实现到增强)
Sep 03 Javascript
Vue render函数实战之实现tabs选项卡组件
Apr 22 Javascript
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
Feb 01 Javascript
js实现轮播图效果 纯js实现图片自动切换
Aug 09 Javascript
Ant-design-vue Table组件customRow属性的使用说明
Oct 28 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上传图片之时间戳命名(保存路径)
2014/08/15 PHP
smarty模板引擎基础知识入门
2015/03/30 PHP
PHP 中常量的知识整理
2017/04/14 PHP
laravel中数据显示方法(默认值和下拉option默认选中)
2019/10/11 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
在视频前插入广告
2006/11/20 Javascript
JavaScript中Math对象方法使用概述
2014/01/02 Javascript
减少访问DOM的次数提升javascript性能
2014/02/24 Javascript
vue插件tab选项卡使用小结
2016/10/27 Javascript
JS实现颜色动态淡化效果
2017/03/06 Javascript
详解webpack分包及异步加载套路
2017/06/29 Javascript
Vue的轮播图组件实现方法
2018/03/03 Javascript
layui radio性别单选框赋值方法
2018/08/15 Javascript
js中数组对象去重的两种方法
2019/01/18 Javascript
ES10的13个新特性示例(小结)
2019/09/23 Javascript
p5.js码绘“跳动的小正方形”的实现代码
2019/10/22 Javascript
[05:46]DOTA2英雄梦之声_第18期_陈
2014/06/20 DOTA
python从sqlite读取并显示数据的方法
2015/05/08 Python
讲解Python的Scrapy爬虫框架使用代理进行采集的方法
2016/02/18 Python
python 打印对象的所有属性值的方法
2016/09/11 Python
Python变量和数据类型详解
2017/02/15 Python
python format 格式化输出方法
2018/07/16 Python
python pyenv多版本管理工具的使用
2019/12/23 Python
Jupyter Notebook 远程访问配置详解
2021/01/11 Python
HTML5实现Notification API桌面通知功能
2016/03/02 HTML / CSS
英国马莎百货官网:Marks & Spencer
2016/07/29 全球购物
美国著名手表网站:Timepiece
2017/11/15 全球购物
美国半成品食材配送服务商:Home Chef
2018/01/25 全球购物
Chain Reaction Cycles俄罗斯:世界上最大的在线自行车商店
2019/08/27 全球购物
SQL Server 2000数据库的文件有哪些,分别进行描述
2013/03/30 面试题
商务专员岗位职责
2013/11/23 职场文书
2015年全国爱眼日活动小结
2015/02/27 职场文书
2016暑期社会实践新闻稿
2015/11/25 职场文书
python 统计代码耗时的几种方法分享
2021/04/02 Python
Springboot使用Spring Data JPA实现数据库操作
2021/06/30 Java/Android
基于Android10渲染Surface的创建过程
2022/08/14 Java/Android