• offsetHeight/offsetWidth: 包括元素的边框、内边距和元素的滚动条（如果存在且渲染的话），不包含:before或:after等伪类元素的高度。这个属性值会被四舍五入为整数值，如果你需要一个浮点数值，请用 element.getBoundingClientRect().

• clientHeight/clientWidth:是元素内部的高度/宽度(单位像素)，包含内边距，但不包括滚动条、边框和外边距。

• scrollWidth/scrollHeight： 表示一个元素内容区域的实际大小，包括不在页面中的可滚动部分（内容和内边距），它可以理解为 clientXXX 的增强版，是整个内容的大小。

• offsetTop 是当前元素顶部距离最近父元素顶部的距离,和有没有滚动条没有关系
• scrollTop 在有滚动条的情况下，为元素可视区域距离元素顶部的像素，也就是已经滚动了多少距离

clientHeight MDN
offsetHeight MDN
scrollHeight MDN
scrollTop MDN