offset,scroll,client了解

1.offset
offset指偏移,包括这个元素在文档中占用的所有显示宽度,包括滚动条,padding,border,不包括overflow隐藏的部分。
obj.offsetWidth,指obj控件自身的绝对宽度。不包括overflow未显示的部分
obj.offsetHeight,只obj控件自身的绝对高度。不包括overflow未显示的部分
obj.offsetTop,指obj相对于版面或由offsetParent属性指定的父坐标的计算上的侧位置
obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置,整型,单位:像素。
2.scroll
scroll指滚动,包括整个元素没显示出来的实际宽度,包括padding,不包括滚动条,border
scrollHeight 获取对象的滚动高度,对象的实际高度。
scrollLeft 设置或者获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth 获取对象的滚动宽度
3.client
client指元素本身的可视内容,不包括overflow被折叠起来的部分,不包括滚动条,border
clientHeight 对象可见的高度
clientTop、clientLeft 这两个返回的是元素周围边框的厚度,一般它的值就是0。因为滚动条不会出现在顶部或者左侧