获取scrollTop兼容各浏览器的方法

1、各浏览器下 scrollTop的差异
IE6/7/8：   
对于没有doctype声明的页面里可以使用  document.body.scrollTop 来获取 scrollTop高度 ；    
对于有doctype声明的页面则可以使用 document.documentElement.scrollTop；    
Safari:   
safari 比较特别，有自己获取scrollTop的函数 ： window.pageYOffset ；    
Firefox:   
火狐等等相对标准些的浏览器就省心多了，直接用 document.documentElement.scrollTop ；
2、获取scrollTop值    
完美的获取scrollTop 赋值短语 ：   
var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

ie5.5之后已经不支持document.body.scrollX对象了。

 

body是DOM对象里的body子节点，即 <body> 标签；

documentElement 是整个节点树的根节点root，即<html> 标签；

posted @ 2016-10-18 13:54  nohuman  阅读(658)  评论(0)    收藏  举报