各种宽度位置

clientHeight:包括padding但不包括border、水平滚动条、margin的元素的高度。

image.png

offsetHeight:包括padding、border、水平滚动条,但不包括margin的元素的高度

image.png

scrollHeight:

image.png

scrollTop:代表在有滚动条时,顶部被遮住部分的高度。、

offsetTop: 当前元素顶部距离最近父元素顶部的距离,和有没有滚动条没有关系。

image.png

event.clientX、event.clientY event.offsetX、event.offsetY

image.png

推荐阅读更多精彩内容