获取卷屏的高度 - document.documentElement

转载 2012年03月28日 10:42:15
要获取当前页面的滚动条纵坐标位置,用:
document.documentElement.scrollTop;
而不是:
document.body.scrollTop;
documentElement 对应的是 html 标签,而 body 对应的是 body 标签。

在标准w3c下,document.body.scrollTop恒为0,需要用document.documentElement.scrollTop来代替;
如果你想定位鼠标相对于页面的绝对位置时,你会发现google里面1000篇文章里面有999.99篇会让你使用event.clientX+document.body.scrollLeft,event.clientY+document.body.scrollTop,如果你发现你的鼠标定位偏离了你的想象,请不要奇怪,这是再正常不过的事情。
ie5.5之后已经不支持document.body.scrollX对象了。
所以在编程的时候,请加上这样的判断
if (document.body && document.body.scrollTop && document.body.scrollLeft)
{
    top=document.body.scrollTop;
    left=document.body.scrollleft;    
}
if (document.documentElement && document.documentElement.scrollTop && document.documentElement.scrollLeft)
{
    top=document.documentElement.scrollTop;
    left=document.documentElement.scrollLeft;

}


from:http://www.cnblogs.com/nova/articles/1091993.html


新博客已移至:http://keenwon.com


document.body、document.documentElement和window获取视窗大小的区别

在w3school关于window对象的介绍中,介绍了获取浏览器窗口大小的三种方法(浏览器的视口,不包括工具栏和滚动条)。 对于Internet Explorer、Chrome、Firefox、Op...
  • wxl1555
  • wxl1555
  • 2016年11月08日 10:01
  • 250

JavaScript获取浏览器高度和宽度值(documentElement,clientHeight,offsetHeight,scrollHeight,scrollTop,offsetParent,

原文:http://blog.snsgou.com/post-574.html IE中: document.body.clientWidth ==> BODY对象宽度 docum...

IE/FF/Chrome下document.documentElement/body的 scrollHeight/scrollTop/clientHeight 以及判断滚动条是否到达页面底部。

DTD已声明: IE document.documentElement.scrollHeight  浏览器所有内容高度 ,document.body.scrollHeight  浏览器所有内容高度...

document.body.scrollTop与documentElement.scrollTop

获取当前页面滚动条纵坐标的位置:document.body.scrollTop与document.documentElement.scrollTop 获取当前页面滚动条横坐标的位置:docume...

一个document.documentElement.clientWidth为0的问题

关于获取各种浏览器可见窗口大小的一点点研究 function getInfo() { var s = ""; s = " 网页可见区域宽:" document.body.clientWid...
  • zlb824
  • zlb824
  • 2011年12月09日 16:16
  • 380

document.documentElement.getBoundingClientRect

getBoundingClientRect() 来获取页面元素的位置 document.documentElement.getBoundingClientRect该方法获得页面中某个元素的左,上...

【CSS笔记之六】filter滤镜在IE浏览器失效的原因、Chrome不认document.documentElement.scrollTop的解决方法

一、filter滤镜在IE浏览器失效的原因及其解决方法 在项目后期补充交互效果的时候,发现有时候filter滤镜在IE浏览器下会失效。用IE Developer Toolbar检查测试后发现...

JS:document.documentElement对象的clientWidth、offsetWidth、scrollWidth、clientLeft、offsetLeft、scrollLeft

document.documentElement.clientWidth 获取浏览器窗口文档显示区域的宽度,不包括滚动条。 document.documentElement.clientHeight ...

document.body 和 document.documentElement 的属性区别

今天研究document的一些属性和方法的使用,结合其他前人的文章,来了解document对象。 得到各个属性如下:  网页可见区域宽: document .body.clientWidth;  网...

document.body.scrollTop和document.documentElement.scrollTop在不同浏览器下的问题

先遇到document.body.scrollTop值为0的问题    做页面的时候可能会用到位置固定的层,读取document.body.scrollTop来设置层的位置,像这样,     ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:获取卷屏的高度 - document.documentElement
举报原因:
原因补充:

(最多只允许输入30个字)