确定元素位置总结

offsetX

偏移量offsetX - 相对offsetParent偏移了多少？

注意offsetParent是指带有定位的父级节点

offsetWidth和offsetHeight指包含border，padding，content的宽高。

scrollX

滚动量scrollX - 文档相对于当前浏览器视口滚动了多少？

clientX

这个属性描述自身位置。

clientTop就是border-top的值，clientWidth不包含border

Reference: (68条消息) 彻底搞懂 offsetX、scrollX、clientX 的区别_lefex的博客-CSDN博客