码迷,mamicode.com
首页 > 其他好文 > 详细

浏览器获取正确的scrollTop值

时间:2014-08-20 09:16:36      阅读:286      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   os   strong   ar   2014   

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 中永远是零。

特整理表格如下:

bubuko.com,布布扣
只在quirk模式下, body.scrollTop是被所有都支持的,所以这个表大家不用也没有必要去记, 只要记住一条:
以上在win7环境下测试,可以看出是非常凌乱的!

1 if(window.pageYOffset){//这一条滤去了大部分, 只留了IE678
2 
3 }else if(document.documentElement.scrollTop ){//IE678 的非quirk模式
4 
5 }else if(document.body.scrolltop){//IE678 的quirk模式
6 
7 }

原则是看pageYOffset 然后看documentElement.scrollTop, 最后是document.body.scrollTop!

浏览器获取正确的scrollTop值,布布扣,bubuko.com

浏览器获取正确的scrollTop值

标签:style   blog   http   color   os   strong   ar   2014   

原文地址:http://www.cnblogs.com/ttcc/p/3923508.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!