页面刷新时记住滚动条的位置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 相关文章推荐
5秒后跳转效果(setInterval/SetTimeOut)
May 03 Javascript
YUI模块开发原理详解
Nov 18 Javascript
jQuery form插件之formDdata参数校验表单及验证后提交
Jan 23 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
Apr 11 Javascript
Angular.JS通过指令操作DOM的方法
May 10 Javascript
JavaScript中的return布尔值的用法和原理解析
Aug 14 Javascript
chorme 浏览器记住密码后input黄色背景处理方法(两种)
Nov 22 Javascript
Vue数据双向绑定原理及简单实现方法
May 18 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
Aug 24 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
Sep 15 Javascript
新手必须知的Node.js 4个JavaScript基本概念
Sep 16 Javascript
百度小程序自定义通用toast组件
Jul 17 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中通过curl模拟登陆discuz论坛的实现代码
2012/02/16 PHP
分享一个Laravel好用的Cache宏
2015/03/02 PHP
PHP实现批量生成App各种尺寸Logo
2015/03/19 PHP
Yii2简单实现多语言配置的方法
2016/07/23 PHP
PHP检查URL包含特定字符串实例方法
2019/02/11 PHP
jQuery 操作XML入门
2008/12/25 Javascript
HTML颜色选择器实现代码
2010/11/23 Javascript
IE6弹出“已终止操作”的解决办法
2010/11/27 Javascript
jquery交替变换颜色的三种方法 实例代码
2013/11/19 Javascript
JS+CSS实现美化的下拉列表框效果
2015/08/11 Javascript
javascript中日期函数new Date()的浏览器兼容性问题
2015/09/05 Javascript
原生JS仿QQ阅读点击展开、收起效果
2017/03/08 Javascript
javascript连接mysql与php通过odbc连接任意数据库的实例
2017/12/27 Javascript
vue.js,ajax渲染页面的实例
2018/02/11 Javascript
微信小程序实现星级评价效果
2018/12/28 Javascript
puppeteer实现html截图的示例代码
2019/01/10 Javascript
茶余饭后聊聊Vue3.0响应式数据那些事儿
2019/10/30 Javascript
详解vue 组件
2020/06/11 Javascript
Node.JS如何实现JWT原理
2020/09/18 Javascript
Python字典操作简明总结
2015/04/13 Python
Python2 与Python3的版本区别实例分析
2020/03/30 Python
python+adb命令实现自动刷视频脚本案例
2020/04/23 Python
Python正则表达式高级使用方法汇总
2020/06/18 Python
解决pyinstaller 打包exe文件太大,用pipenv 缩小exe的问题
2020/07/13 Python
python re的findall和finditer的区别详解
2020/11/15 Python
python中常用的数据结构介绍
2021/01/12 Python
生物有机护肤品:Aurelia Probiotic Skincare
2018/01/31 全球购物
英国高级健康和美容产品零售商:Life and Looks
2019/08/01 全球购物
办公室内勤工作职责
2013/12/11 职场文书
大学生收银员求职信分享
2014/01/02 职场文书
工作会议欢迎词
2014/01/16 职场文书
综合实践活动报告
2015/02/05 职场文书
车间主任岗位职责范本
2015/04/08 职场文书
信仰观后感
2015/06/03 职场文书
演讲开头怎么书写?
2019/08/06 职场文书
SQL Server内存机制浅探
2022/04/06 SQL Server