一次分清clientHeight、offsetHeight、scrollHeight、scrollTop、offsetTop概念：

clientHeight：可视的，看得见的部分，content+padding；

p

offsetHeight：在clientHeight基础上，添加“”边框“”，即content+padding+margin；

p

scrollTop：超过clientHeight“顶部界线”的部分，即看不见的、已经 滚动出去 的部分；

p

scrollHeight：“内容”的本身高度；

p

offsetTop：这个是唯一研究 两个元素之间 关系的，子元素与父元素顶部距离；

p