当前位置： 移动技术网 > IT编程>网页制作>CSS > HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解

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

2017年12月12日  | 移动技术网IT编程  | 我要评论
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 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网