关于scrollLeft、scrollTop、clientWidth、clientHeight、offsetWidth、offsetHeight、offsetLeft、offsetTop 属性

属性

1. scrollLeft 和 scrollTop   ：

作用：被卷去的左侧和头部，主要配合页面滚动事件来写，数据是可读可写的。

2. clientWidth 和 clientHeight  ：

作用：获得元素宽度和高度，不包含 border，margin，滚动条，主要用于 js 中获取元素的大小，只读属性。

3. offsetWidth 和 offsetHeight

作用：获得元素宽度和高度，包括 border，margin，滚动条等，只读属性。

4.offsetLeft 和 offsetTop

作用：获取元素距离自己定位父级元素的左，上距离，只读属性。