问题描述
下拉选带滚动加载功能的组件,在分辨率低的屏幕上,无法加载下一页数据
问题原因
知识点介绍:scrollHeight,offsetHeight, scrollTop 概念
更多属性可参考:https://blog.csdn.net/lhjuejiang/article/details/79492290
- scrollHeight:内容高度 + 内边距,这个内容包括肉眼看不见、溢出、被窗口遮挡的部分
- offsetHeight: 元素内容+内边距+边框。不包括外边距和滚动条部分,返回值是一个整数,单位是像素。
- SCROLLTop:滚动条到顶部的垂直高度 (即网页被卷上去的高度),此属性可以获取或者设置对象的最顶部到对象在当前窗口显示的范围内的顶边的距离,也就是元素滚动条被向下拉动的距离,返回值是一个整数,单位是像素。
代码问题
在分辨率低的时候 会造成scrollTop + offsetHeight < scrollHeight 无法触发fecth请求
将触发请求的判断条件改为二者做差取绝对值的方法,目前绝对值范围控制在小于5的情况