scrollHeight,scrollLeft,scrollTop,scrollWidth,offsetHeight,offsetLeft,offsetTop,event.clientX,event.clientY

转载 2007年10月13日 09:37:00
 

scrollHeight: 获取对象的滚动高度。

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

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

scrollWidth:获取对象的滚动宽度

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置

event.clientX 相对文档的水平座标

event.clientY 相对文档的垂直座标

event.offsetX 相对容器的水平坐标

event.offsetY 相对容器的垂直坐标

document.documentElement.scrollTop 垂直方向滚动的值

event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量



以上主要指IE之中,FireFox差异如下:

FF1.06+:

clientWidth = width + padding

clientHeight = height + padding

offsetWidth = width + padding + border

offsetHeight = height + padding + border

IE6.0、IE5.0/5.5:

clientWidth = width - border

clientHeight = height - border

offsetWidth = width

offsetHeight = height 

需要提一下:CSS中的margin属性,与clientWidth、offsetWidth、clientHeight、offsetHeight均无关


offsetWidth、offsetHeight、offsetLeft、offsetTop以及scrollTop,scrollLeft的个人理解

offsetWidth、offsetHeight、offsetLeft、offsetTop以及scrollTop,scrollLeft
  • Fiona_lms
  • Fiona_lms
  • 2016-10-25 20:48:58
  • 1619

offsetTop.offsetLeft,offsetWidth,offsetHeight,offsetParent,scrollTop,scrollLeft,scrollWidth,scrollHeight区别

 ------------第一种:offset------------------------------------1.offsetTop     :当前对象到其上级层顶部的距离.不能对其进行赋值....
  • lein_wang
  • lein_wang
  • 2009-11-17 14:47:00
  • 1869

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth  scrollHeight: 获取对象的滚动高度。  scrollLeft:设置或获...
  • w997621897
  • w997621897
  • 2017-03-31 00:30:33
  • 250

终于清晰啦!offsetHeight、scrollHeight、clientHeight和offsetTop、scrollTop、clientTop

一、offsetHeight、scrollHeight、clientHeight ...
  • qq_27397357
  • qq_27397357
  • 2016-10-17 20:06:42
  • 317

转:js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍

js位子表示 function testClick(oDiv){ var oDivId=document.getElementById(oDiv); alert("offsetHei...
  • JJYY778899
  • JJYY778899
  • 2014-03-03 11:13:32
  • 1266

scrollTop clientTop offsetTop scrollHeight clientHeight clientWidth的区别及用法

这几个属性做滚动时会经常用到,现总如下: 首先定义一个div,样式如下: *{ margin:0px; padding:0px;} body{ margin:0px; padding:10p...
  • sunny327
  • sunny327
  • 2014-08-23 13:49:04
  • 1603

scrollTop、offsetHeight和offsetTop等属性用法详解

scrollTop、offsetHeight和offsetTop等属性用法详解: 标题中的几个相关相关属性在网页中有这大量的应用,尤其是在运动框架中,但是由于有些属性相互之间的概念比较混杂或者浏...
  • q67982154
  • q67982154
  • 2016-06-08 11:35:05
  • 4810

clientHeight、scrollHeight、offsetHeight和scrollTop之间区别

网页可见区域高:document.body.clientHeight 网页正文全文高:document.body.scrollHeight 网页可见区域高(包括边线的高):document.bod...
  • laixiaobailing
  • laixiaobailing
  • 2014-10-09 14:53:26
  • 4293

offsetWidth、clientWidth、scrollWidth、scrollTop

offsetWidth/clientWidth/scrollTop… 题记:offset/client/scroll 这几组属性容易搞混,查了些资料,研究了下,写些心得。 1. 基本概...
  • lidiansheng
  • lidiansheng
  • 2012-09-06 14:35:14
  • 1583

js的offsetLeft,scrollLeft,offsetTop,scrollTop等等的用法

1,scrollHeight: 获取对象的滚动高度,对象的实际高度; 2,scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 3,scrollTop:设置...
  • pxm12345657
  • pxm12345657
  • 2016-06-06 11:40:30
  • 526
收藏助手
不良信息举报
您举报文章:scrollHeight,scrollLeft,scrollTop,scrollWidth,offsetHeight,offsetLeft,offsetTop,event.clientX,event.clientY
举报原因:
原因补充:

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