页面刷新时记住滚动条的位置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 相关文章推荐
(仅IE下有效)关于checkbox 三态
May 12 Javascript
国外的为初学者写的JavaScript教程
Jun 09 Javascript
InnerHtml和InnerText的区别分析
Mar 13 Javascript
javascript页面上使用动态时间具体实现
Mar 18 Javascript
JS获得浏览器版本和操作系统版本的例子
May 13 Javascript
JS上传图片前实现图片预览效果的方法
Mar 02 Javascript
JQuery中$.each 和$(selector).each()的区别详解
Mar 13 Javascript
JavaScript中的跨浏览器事件操作的基本方法整理
May 20 Javascript
jquery轮播的实现方式 附完整实例
Jul 28 Javascript
vue实现a标签点击高亮方法
Mar 17 Javascript
小程序选项卡以及swiper套用(跨页面)
Jun 19 Javascript
Node.js path模块,获取文件后缀名操作
Nov 07 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
Zend引擎的发展 [15]
2006/10/09 PHP
简单的php写入数据库类代码分享
2011/07/26 PHP
php smarty截取中文字符乱码问题?gb2312/utf-8
2011/11/07 PHP
有道搜索和IP138的IP的API接口(PHP应用)
2012/11/29 PHP
PHP实现数字补零功能的2个函数介绍
2014/05/12 PHP
PHP中基本HTTP认证技巧分析
2015/03/16 PHP
PHP+JS实现的实时搜索提示功能
2018/03/13 PHP
Smarty模板类内部原理实例分析
2019/07/03 PHP
浅谈Laravel中的三种中间件的作用
2019/10/13 PHP
jQuery 常见开发使用技巧总结
2009/12/26 Javascript
JavaScript中几种常见排序算法小结
2011/02/22 Javascript
仅IE支持clearAttributes/mergeAttributes方法使用介绍
2012/05/04 Javascript
js不能跳转到上一页面的问题解决方法
2013/03/01 Javascript
学习JavaScript设计模式之模板方法模式
2016/01/20 Javascript
微信小程序 form组件详解及简单实例
2017/01/10 Javascript
令按钮悬浮在(手机)页面底部的实现方法
2017/05/02 Javascript
VUE axios发送跨域请求需要注意的问题
2017/07/06 Javascript
JS+HTML5实现图片在线预览功能
2017/07/22 Javascript
详解使用mpvue开发github小程序总结
2018/07/25 Javascript
jQuery操作事件完整实例分析
2020/01/10 jQuery
微信小程序吸底区域适配iPhoneX的实现
2020/04/09 Javascript
[02:38]2018DOTA2亚洲邀请赛赛前采访-VGJ.T
2018/04/03 DOTA
Python操作sqlite3快速、安全插入数据(防注入)的实例
2014/04/26 Python
详解Python的Django框架中的templates设置
2015/05/11 Python
简单介绍Python的Django框架加载模版的方式
2015/07/20 Python
Python GUI Tkinter简单实现个性签名设计
2018/06/19 Python
Python 多线程不加锁分块读取文件的方法
2018/12/11 Python
python linecache 处理固定格式文本数据的方法
2019/01/08 Python
Tensorflow设置显存自适应,显存比例的操作
2020/02/03 Python
python标准库OS模块详解
2020/03/10 Python
如何将tensorflow训练好的模型移植到Android (MNIST手写数字识别)
2020/04/22 Python
python读取excel数据绘制简单曲线图的完整步骤记录
2020/10/30 Python
详解python3 GUI刷屏器(附源码)
2021/02/18 Python
经济管理专业毕业生推荐信
2013/11/11 职场文书
工程部主管岗位职责
2013/11/17 职场文书
个人培训总结
2015/03/05 职场文书