Javascript关于top、clientTop、scrollTop、offsetTop

 

网页可见区域宽： document.body.clientWidth;
网页可见区域高： document.body.clientHeight;
网页可见区域宽： document.body.offsetWidth   (包括边线的宽);
网页可见区域高： document.body.offsetHeight  (包括边线的宽);
网页正文全文宽： document.body.scrollWidth;
网页正文全文高： document.body.scrollHeight;
网页被卷去的高： document.body.scrollTop;
网页被卷去的左： document.body.scrollLeft;
网页正文部分上： window.screenTop;
网页正文部分左： window.screenLeft;
屏幕分辨率的高： window.screen.height;
屏幕分辨率的宽： window.screen.width;
屏幕可用工作区高度： window.screen.availHeight;
屏幕可用工作区宽度：window.screen.availWidth;
 

 

 

要获取当前页面的滚动条纵坐标位置，用：

 

document.documentElement.scrollTop;

 

而不是：

 

document.body.scrollTop;

 

documentElement 对应的是 html 标签，而 body 对应的是 body 标签。

documentElement 不常用。这容易在开发中犯错，网上很多例子，用的是 document.body.scrollTop ，实际上是取不到正确值的。