Vue组件下拉滚动条自动加载实现

1. 理解scrollTop, offsetHeight, scrollHeight

Dimensions-client.png

Dimensions-offset.png

image.png

2. 加载条件

a. 下拉自动加载，就是不断增加整个滚动区域的高度（scrollHeight）
b. 下拉移动光标，不断增加ScrollTop,知道接近整个滚动区的底部时，意味着我们马上需要加载更多数据，使得整个滚动区域（crollHeight）变得更高。

参考：
https://developer.mozilla.org/en-US/docs/Web/API/Element/clientTop#Notes
https://imweb.io/topic/57c5409e808fd2fb204eef52