HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解

时间:2021-05-28

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差异如下:

IE6.0、FF1.06+:

clientWidth=width+padding

clientHeight=height+padding

offsetWidth=width+padding+border

offsetHeight=height+padding+border

IE5.0/5.5:

clientWidth=width-border

clientHeight=height-border

offsetWidth=width

offsetHeight=height

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章