页面刷新时记住滚动条的位置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实例教程(19) 使用HoTMetal(1)
Dec 23 Javascript
JS的replace方法介绍
Oct 20 Javascript
jquery实现在页面加载完毕后获取图片高度或宽度
Jun 16 Javascript
jQuery 回调函数(callback)的使用和基础
Feb 26 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
Nov 16 Javascript
详解支持Angular 2的表格控件
Jan 19 Javascript
web.js.字符串与正则表达式操作
May 13 Javascript
使用JavaScript实现表格编辑器(实例讲解)
Aug 02 Javascript
利用纯JS实现像素逐渐显示的方法示例
Aug 14 Javascript
原生JS封装animate运动框架的实例
Oct 12 Javascript
Element Input组件分析小结
Oct 11 Javascript
微信小程序中显示倒计时代码实例
May 09 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使用escapeshellarg时中文被过滤的解决方法
2016/07/10 PHP
PhpStorm terminal无法输入命令的解决方法
2016/10/09 PHP
windows环境下使用Composer安装ThinkPHP5
2018/05/18 PHP
javascript 文章截取部分无损html显示实现代码
2010/05/04 Javascript
js分解url参数(面向对象-极简主义法应用)
2012/08/09 Javascript
你必须知道的Javascript知识点之&quot;字面量和对应类型&quot;说明介绍
2013/04/23 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战一)
2013/08/21 Javascript
js判断上传文件的类型和大小示例代码
2013/10/18 Javascript
JS调试必备的5个debug技巧
2014/03/07 Javascript
jquery实现的判断倒计时是否结束代码
2016/02/05 Javascript
使用Javascript实现选择下拉菜单互移并排序
2016/02/23 Javascript
jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
2016/09/01 Javascript
基于jQuery实现选项卡效果
2017/01/04 Javascript
基于node.js依赖express解析post请求四种数据格式
2017/02/13 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
2017/03/21 jQuery
JS去掉字符串前后空格或去掉所有空格的用法
2017/03/25 Javascript
React简单介绍
2017/05/24 Javascript
backbone简介_动力节点Java学院整理
2017/07/14 Javascript
详解vue + vuex + directives实现权限按钮的思路
2017/10/24 Javascript
vue实现密码显示隐藏切换功能
2018/02/23 Javascript
浅析Visual Studio Code断点调试Vue
2018/02/27 Javascript
TypeScript中的方法重载详解
2019/04/12 Javascript
7个好用的JavaScript技巧分享(译)
2019/05/07 Javascript
你了解vue3.0响应式数据怎么实现吗
2019/06/07 Javascript
Python实现登录人人网并抓取新鲜事的方法
2015/05/11 Python
Python基于pygame实现图片代替鼠标移动效果
2015/11/11 Python
iframe在移动端的缩放的示例代码
2018/10/12 HTML / CSS
林清轩官方网站:山茶花润肤油开创者
2016/10/26 全球购物
KLOOK客路:发现更好玩的世界,预订独一无二的旅行体验
2016/12/16 全球购物
Lookfantastic香港官网:英国知名美妆购物网站
2018/06/19 全球购物
产品工艺师的岗位职责
2013/11/15 职场文书
化工专业推荐信范文
2013/11/28 职场文书
信息专业大学生自我评价分享
2014/01/17 职场文书
施工工地安全标语
2014/06/07 职场文书
2015年暑期社会实践报告
2015/07/13 职场文书
Python读取文件夹下的所有文件实例代码
2021/04/02 Python