兼容各个浏览器的scrolltop属性简单介绍
分类:实例代码
众所周知scrolltop属性具有严重的浏览器兼容性问题,甚至存在于谷歌这样的模范标准浏览器身上。
并且此属性使用频率非常的高,所以解决兼容性问题是非常重要的,下面进入正题。
一.IE浏览器:
(1).没有doctype声明的页面里可以使用document.body.scrollTop(有doctype的话返回值是0)来获取;
(2).有doctype声明的页面则可以使用document.documentElement.scrollTop(没有doctype的话返回值是0)来获取;
特别说明:当前谁写代码还不写doctype呢,否则就是自找苦吃。
二.火狐浏览器:
火狐浏览器需要使用document.documentElement.scrollTop,需要doctype。
三.谷歌浏览器:
谷歌浏览器则需要使用document.body.scrollTop。
兼容性代码如下:
document.documentElement.scrollTop ||document.body.scrollTop;