获取卷屏的高度 - 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


获取网页被卷去的高度scrollTop

网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.of...
  • DekuiCaiNiao
  • DekuiCaiNiao
  • 2018年01月12日 10:58
  • 37

js获取浏览器,网页视图,设备,滚动条卷上去的内容高宽

var a=window.screen.availHeight;//屏幕可用工作区高度    //获取浏览器窗口内容的尺寸 FF/CH 支持,获取窗口尺寸。   window.innerHeight...
  • Nikita_jg
  • Nikita_jg
  • 2017年07月29日 15:37
  • 174

修改SecureCRT默认卷屏行数

当做一个操作,屏幕输出有上百行,当需要将屏幕回翻时,这个设置会有很大帮助,默认为500行,可以改为10000行,不用担心找不到了。 Terminal => Emulation => Scrollbac...
  • lucky_liuxiang
  • lucky_liuxiang
  • 2014年02月15日 16:26
  • 6135

document.body 和 document.documentElement 的区别

在设计页面时可能经常会用到固定层的位置,这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标,这里可能就会用到document.body.scrollTop等属性,但是此属性在xhtml标准网...
  • mathewsking
  • mathewsking
  • 2009年09月10日 17:40
  • 7601

关于多屏适配的解决方案

很多面试会问到关于多屏适配的
  • weixin_36476401
  • weixin_36476401
  • 2017年09月14日 09:18
  • 108

document.documentElement和document.body的区别,以及网页中获取滚动条卷去部分的高度

网页中获取滚动条卷去部分的高度,可以通过 document.body.scrollTop 来获取,比如使div跟着滚动条滚动://html //js window.onscroll = functi...
  • qq_24581629
  • qq_24581629
  • 2017年05月19日 16:48
  • 189

计算全屏幕/状态栏/导航栏的高度工具类

计算全屏幕/状态栏/导航栏的高度工具类
  • yuminfeng728
  • yuminfeng728
  • 2017年03月29日 09:37
  • 444

Android如何判断NavigationBar是否显示(获取屏幕真实的高度)

有些时候,我们需要知道当前手机上是否显示了NavigationBar,也就是屏幕底部的虚拟按键。比如截屏的时候,要获取屏幕的高度,必须包括NavigationBar的高度。试过网上的多种方法,但是对那...
  • l465659833
  • l465659833
  • 2017年01月06日 11:45
  • 542

document.documentElement.scrollTop(获取滚动条位置)

document.documentElement.scrollTop));--收集关于scrollTop信息要获取当前页面的滚动条纵坐标位置,用:document.documentElement.sc...
  • huang100qi
  • huang100qi
  • 2010年10月19日 11:33
  • 25180

iframe的document属性和Document属性是不一样的

iframe的document属性和Document属性是不一样的,document表示iframe所在页面的document,Document表示iframe内容页的document。让iframe...
  • huhai463127310
  • huhai463127310
  • 2010年01月28日 09:32
  • 3558
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:获取卷屏的高度 - document.documentElement
举报原因:
原因补充:

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