页面刷新时记住滚动条的位置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 相关文章推荐
Track Image Loading效果代码分析
Aug 13 Javascript
基于jquery的滚动新闻列表
Jun 19 Javascript
javaScript同意等待代码实现心得
Jan 01 Javascript
jQuery筛选器children()案例详解(图文)
Feb 17 Javascript
javascript实现回车键提交表单方法总结
Jan 10 Javascript
jQuery实现冻结表格行和列
Apr 29 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
Jul 27 Javascript
JS实现兼容性较好的随屏滚动效果
Nov 09 Javascript
Bootstrap 3 按钮标签实例代码
Feb 21 Javascript
Vuex 进阶之模块化组织详解
Jan 12 Javascript
jQuery实现可以计算进制转换的计算器
Oct 19 jQuery
js制作提示框插件
Dec 24 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
不用GD库生成当前时间的PNG格式图象的程序
2006/10/09 PHP
建立文件交换功能的脚本(三)
2006/10/09 PHP
PHP has encountered an Access Violation at 7C94BD02解决方法
2009/08/24 PHP
php实现session自定义会话处理器的方法
2015/01/27 PHP
PHP简单实现断点续传下载的方法
2015/09/25 PHP
ThinkPHP中session函数详解
2016/09/14 PHP
thinkPHP5框架中widget的功能与用法详解
2018/06/11 PHP
掌握PHP垃圾回收机制详解
2019/03/13 PHP
PHP函数用法详解【初始化、嵌套、内置函数等】
2020/06/02 PHP
JavaScript中令你抓狂的魔术变量
2006/11/30 Javascript
AJAX架构之Dojo篇
2007/04/10 Javascript
Highslide.js是一款基于js实现的网页中图片展示插件
2020/03/30 Javascript
javascript动画效果类封装代码
2007/08/28 Javascript
基于jQuery的输入框无值自动显示指定数据的实现代码
2011/01/24 Javascript
调试Node.JS的辅助工具(NodeWatcher)
2012/01/04 Javascript
JQuery调用WebServices的方法和4个实例
2014/05/06 Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
2014/06/06 Javascript
JS实现判断碰撞的方法
2015/02/11 Javascript
jQuery判断元素上是否绑定了指定事件的方法
2015/03/17 Javascript
基于jQuery实现的扇形定时器附源码下载
2015/10/20 Javascript
javascript实现一个网页加载进度loading
2017/01/04 Javascript
[49:41]NB vs NAVI Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
详解Python中DOM方法的动态性
2015/04/11 Python
python 使用get_argument获取url query参数
2017/04/28 Python
基于python爬虫数据处理(详解)
2017/06/10 Python
Python实现数据可视化看如何监控你的爬虫状态【推荐】
2018/08/10 Python
Python从Excel中读取日期一列的方法
2018/11/28 Python
IntelliJ IDEA安装运行python插件方法
2018/12/10 Python
Python在图片中插入大量文字并且自动换行
2019/01/02 Python
Django vue前后端分离整合过程解析
2020/11/20 Python
寻找迷宫的一条出路,o通路;X:障碍
2016/07/10 面试题
党员年终民主评议的自我评价
2013/11/05 职场文书
高中美术教学反思
2014/01/19 职场文书
团结演讲稿范文
2014/05/23 职场文书
Win10 heic文件怎么打开 ? Win10 heic文件打开教程
2022/04/06 数码科技
pandas时间序列之pd.to_datetime()的实现
2022/06/16 Python