JQuery,JS获取正确scrollTop
来源:互联网 发布:matlab 三维数组作图 编辑:程序博客网 时间:2024/05/22 01:56
window.pageYOffset 被所有浏览器支持除了 IE 6, IE 7, IE 8, 不关doctype的事, 注IE9 开始支持此属性。
window.scrollY 被Firefox, Google Chrome , Safari支持 不关doctype的事, 注IE9 不支持此属性。
在(quirk 模式)的时候 document.body.scrollTop 在 Internet Explorer, Firefox, Opera, Google Chrome Safari 返回正确的值。
在(quirk 模式)的时候 document.documentElement.scrollTop 永远是零。
在(非quirk模式)的时候 document.documentElement.scrollTop在 Internet Explorer, Firefox and Opera 下返回正确的值 但是在 Google Chrome ,Safari 中永远是零。
特整理表格如下:
只在quirk模式下, body.scrollTop是被所有都支持的,所以这个表大家不用也没有必要去记, 只要记住一条:以上在win7环境下测试,可以看出是非常凌乱的!
if(window.pageYOffset){//这一条滤去了大部分, 只留了IE678}else if(document.documentElement.scrollTop ){//IE678 的非quirk模式 }else if(document.body.scrolltop){//IE678 的quirk模式 }
原则是看pageYOffset 然后看documentElement.scrollTop, 最后是document.body.scrollTop!
//正确获取的方法总结 var scrollTop = window.pageYOffset||document.documentElement.scrollTop || document.body.scrollTop;
0 0
- JQuery,JS获取正确scrollTop
- 原生JS获取ScrollTop/ScrollLeft
- js,scrollTop的兼容性获取
- jquery--scrollTop
- js scrollTop
- jQuery CSS 操作 获取当前滚动条的像素.scrollTop()
- 关于jquery获取元素高度、height、scrollTop等问题,更新。。。
- js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop。
- js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop
- js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop
- js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop。
- js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop。
- js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop。
- js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop。
- 关于js中 document.body.scrollTop 不能返回正确值的原因
- [ jQuery ] scrollTop与offset()!
- JQuery Div scrollTop ScrollHeight
- jquery.scrollTop()兼容IE8
- Json转换利器Gson之实例一-简单对象转化和带泛型的List转化
- Spring AOP代理模式
- 希尔排序-插入排序算法
- Java Thread join() 的用法
- 无限轮播图
- JQuery,JS获取正确scrollTop
- 两个栈实现队列 两个队列实现栈
- UIGestureRecognizer手势识别器
- 数据卫士DG
- mysql数据格式问题
- Java多态性轻松理解
- const int * 与int const * 与int * const的区别
- 简单的Fragment使用(包括横竖屏)
- android上传图片到服务器(使用base64字节流的形式通过 AsyncHttpClient框架