1.clientHeight:不包含边框的元素可视区域高度。
2.scrollTop:元素滚动时卷上去的距离。
3:scrollHeight:元素实际高度,包含卷上去的高度。
知道了上述三个属性后,就知道了一个公式:
- 当元素的可视高度+滚入的距离>=元素真实高度-触底距离时,触发加载更多 (scrollTop +clientHeight )> scrollHeight - 50;
**然后就是上拉加载的原理:
通过监听元素的滚动事件(scroll)判断元素是否滚动到了距离底部指定距离时触发加载数据
知道了原理和三者之间的关系后,我们就知道只需要判断这个公式即可知道滚动条有没有进入触底距离,话不多说show code~**
Document
我是内容
我是内容
我是内容
我是内容
我是内容
我是内容
我是内容
我是内容
我是内容
我是内容
我是内容
我是内容
我是内容
我是内容
我是内容
我是内容
我是内容
我是内容
我是内容
我是内容



