clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop

clientHeight：表示的是可视区域的高度，不包含border和滚动条

offsetHeight：表示可视区域的高度，包含了border和滚动条

scrollHeight：表示了所有区域的高度，包含了因为滚动被隐藏的部分。

clientTop：表示上边框border的厚度

offsetTop：子元素的外边框到offsetParent内边框的距离

scrollTop：滚动后被隐藏的高度

offsetParent：距离元素最近的一个具有定位的祖宗元素

clientX: 相对文档的水平坐标

clientY: 相对文档的垂直坐标

offsetX: 相对容器的水平坐标

offsetY: 相对容器的垂直坐标

标签：offsetParent,高度,clientHeight,边框,滚动条,clientTop,坐标,offsetTop,border
来源： https://www.cnblogs.com/huangyuanning/p/11782399.html