关于scrollWidth,clientWidth,offsetWidth

1、scrollWidth

对象的实际内容的宽度，不包含边线（border）的宽度，会随对象的内容可视区后而变大。

 

2、scrollHeight

对象的实际内容的高度，不包含边线（border）的宽度，会随对象的内容可视区后而变大。

 

3、scrollTop

设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。（可以理解对象吃掉的那块内容距离）

 

4、scrollLeft

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

 

5、clientWidth

对象的可视区（看的见）的宽度，不包含边线，及滚动条边线等宽度，会随对象的显示大小变化而变化。

 

6、offsetWidth

对象的整体实际宽度，包含边线，及滚动条边线等宽度，会随对象的显示大小变化而变化。

 

7、offsetHeight

对象的整体实际高度，包含边线，及滚动条边线等宽度，会随对象的显示大小变化而变化。

 

8、offsetTop

对象相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置。

 

9、offsetLeft

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

 

10、offsetParent

带有定位的第一个祖先盒子，如果没有，就是body