clientHeight offsetHeight scrollHeight offsetTop scrollTop clientTop的区别

// clientHeight: Height(元素的高度) + Padding(内边距) - 水平滚动的高度

// offsetHeight: Height(元素的高度) + Padding(内边距) + Border(边框线)

// scrollHeight: Height(元素的实际高度) + Padding(内边距) 当没有出现滚动条时，scrollHeight=clientHeight

//返回元素的高度 元素高度+内边距+溢出尺寸 不包括边框与外边距，无溢出的情况 与clientHeight相同

// offsetTop: 容器到其包含块顶部的距离（当前元素相对其offsetParent元素的顶部的距离）

// scrollTop: 当滚动条在顶部时，scrollTop=0,当滚动条在底部时，scrollTop=scrollHeight-clientHeight

// clientTop: 容器内部相对容器本身的top偏移