clientHeight：表示的是可视区域的高度，不包含border和滚动条
offsetHeight：表示可视区域的高度，包含了border和滚动条
scrollHeight：表示了所有区域的高度，包含了因为滚动被隐藏的部分。
clientTop：表示上边框border的厚度
offsetTop：子元素的外边框到offsetParent内边框的距离
scrollTop：滚动后被隐藏的高度
offsetParent：距离元素最近的一个具有定位的祖宗元素
clientX: 相对文档的水平坐标
clientY: 相对文档的垂直坐标
offsetX: 相对容器的水平坐标
offsetY: 相对容器的垂直坐标
clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop
原文：https://www.cnblogs.com/huangyuanning/p/11782399.html