兼容各个浏览器的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;
兼容各个浏览器的scrolltop属性简单介绍

回复

我来回复
  • 暂无回复内容