在IE、FF、Chrome下scrollTop（或scrollLeft）的区别

 

在JavaScript中我们可以用document.body.scrollLeft设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离，如果你的页面使用了DTD标识，也就是html源代码中有：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

这样的代码的话则应该使用document.documentElement.scrollLeft，在IE和FireFox都是没有问题。

但是我测试Google的Chrome则发现在有DTD标识的页面中document.documentElement.scrollLeft一直为0，反到用document.body.scrollLeft可以获取正确的值.

 

 

所以……别纠结了，做个判断如果是Chrome下就乖乖的用body吧。

 

 

附注：

 

scrollLeft：设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

 

scrollTop：设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离  clientWidth：设置或获取网页可见区域宽  clientHeight：设置或获取网页可见区域高

 

posted @ 2010-10-25 10:58  j2ee技术  阅读(196)  评论(0)  编辑  收藏  举报