快乐芒果

文章
4
资源
0
加入时间
2年10月17天

clientHeight、offsetHeight、scrollHeight、scrollTop的区别以及上拉加载的实现

在前端的项目中,为了提高性能经常会使用到上拉加载,、、、是实现上拉 加载的关键。所以,首先来介绍下三者的意义以及区别。:表示的是当前显示的元素的高度,如果存在X轴的滚动条与根元素边框,不包括X轴的滚动条与根元素边框的高度 。:也表示的是当前显示元素的高度,与clientHeight类似,但offsetHeight包括X轴的滚动条与根元素边框的高度。:表示内容区域的整个高度,包括溢出的内容区域,即滚动条的 高度。:表示的是滚动条滚动的高度,初始未滚动时的高度为0。具体如下图所示:有上图可知:of