页面刷新时记住滚动条的位置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 相关文章推荐
JS操作select下拉框动态变动(创建/删除/获取)
Jun 02 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
Jan 09 Javascript
jquery实现点击文字可编辑并修改保存至数据库
Apr 15 Javascript
JQuery控制radio选中和不选中方法总结
Apr 15 Javascript
JS使用eval解析JSON的注意事项分析
Nov 14 Javascript
bootstrap表格分页实例讲解
Dec 30 Javascript
bootstrap table服务端实现分页效果
Aug 10 Javascript
Windows下Node爬虫神器Puppeteer安装记
Jan 09 Javascript
layer弹出层取消遮罩的方法
Sep 25 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
Jan 17 Javascript
JS严格模式原理与用法实例分析
Apr 27 Javascript
JS页面动态绘图工具SVG,Canvas,VML介简介
Oct 16 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 高手之路(二)
2006/10/09 PHP
php遍历目录viewDir函数
2009/12/15 PHP
php 冒泡排序 交换排序法
2011/05/10 PHP
PHP中改变图片的尺寸大小的代码
2011/07/17 PHP
ThinkPHP框架任意代码执行漏洞的利用及其修复方法
2014/07/04 PHP
详解php中反射的应用
2016/03/15 PHP
PHP数组去重的更快实现方式分析
2018/05/09 PHP
laravel orm 关联条件查询代码
2019/10/21 PHP
使用Modello编写JavaScript类
2006/12/22 Javascript
javascript 一个自定义长度的文本自动换行的函数
2007/08/19 Javascript
默认让页面的第一个控件选中的javascript代码
2009/12/26 Javascript
js给onclick赋值传参数的两种方法
2013/11/25 Javascript
jQuery判断checkbox是否选中的小例子
2013/12/02 Javascript
table行随鼠标移动变色示例
2014/05/07 Javascript
JavaScript事件代理和委托详解
2016/04/08 Javascript
浅谈js script标签中的预解析
2016/12/30 Javascript
vue基于element的区间选择组件
2018/09/07 Javascript
如何使用pm2快速将项目部署到远程服务器
2019/03/12 Javascript
微信小程序 行的删除和增加操作实现详解
2019/09/29 Javascript
解决vue项目axios每次请求session不一致的问题
2020/10/24 Javascript
Nuxt的路由配置和参数传递方式
2020/11/06 Javascript
[52:03]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第三场 1月31日
2021/03/11 DOTA
通过Python来使用七牛云存储的方法详解
2015/08/07 Python
Pycharm学习教程(2) 代码风格
2017/05/02 Python
Python 安装setuptools和pip工具操作方法(必看)
2017/05/22 Python
padas 生成excel 增加sheet表的实例
2018/12/11 Python
Python 给屏幕打印信息加上颜色的实现方法
2019/04/24 Python
了解不常见但是实用的Python技巧
2019/05/23 Python
Django如何使用redis作为缓存
2020/05/21 Python
HelloFresh澳大利亚:订购你的美味食品盒、健康餐食
2018/03/28 全球购物
印度尼西亚值得信赖的第一家网店:Bhinneka
2018/07/16 全球购物
物理系毕业生自荐书
2014/06/13 职场文书
导游词开场白
2015/01/31 职场文书
2015年路政工作总结
2015/05/22 职场文书
python 如何执行控制台命令与操作剪切板
2021/05/20 Python
Python 一键获取电脑浏览器的账号密码
2022/05/11 Python