注意:以下样式都是只读的
元素.clientHeight
- 元素的可见高度,指元素的内容区和内边距的高度
元素.clientWidth
- 元素的可见宽度,指元素的内容区和内边距的宽度
元素.offsetHeight
- 整个元素的高度,包括内容区、内边距、边框
元素.offfsetWidth
- 整个元素的宽度,包括内容区、内边距、边框
元素.offsetParent
- 当前元素的定位父元素
- 离他最近的开启了定位的祖先元素,如果所有的元素都没有开启定位,则返回body
元素.offsetLeft
元素.offsetTop
- 当前元素和定位父元素之间的偏移量
- offsetLeft水平偏移量 offsetTop垂直偏移量
元素.scrollHeight
元素.scrollWidth
- 获取元素滚动区域的高度和宽度
元素.scrollTop
元素.scrollLeft
- 获取元素垂直和水平滚动条滚动的距离
判断滚动条是否滚动到底
- 垂直滚动条
scrollHeight - scrollTop = clientHeight
- 水平滚动
scrollWidth - scrollLeft = clientWidth