61,129
社区成员
发帖
与我相关
我的任务
分享HTML向上滚动加载数据
HTML向上滚动加载数据的时候，数据会向下填充，当前页面的滚动位置不会改变，会造成数据一直加载，怎么让加载的新数据向上填充
...全文
请发表友善的回复…
发表回复
文盲老顾 2019-09-10
- 打赏
- 举报
你应该在insert元素的时候，直接控制scrollTop，使其在视觉上保留在当前位置，或者，直接先扔个0高容器，把元素都扔到容器里，加载完成后在弄到外边来，更方便控制滚动条
oTerminator12 2019-09-10
- 打赏
- 举报
如果在加载数据之后重新定位位置，是可以，但是会有闪烁，有没有无缝的，上面的数据加载完，但是整个页面除了滚动条，其它不变
oTerminator12 2019-09-10
- 打赏
- 举报
填充是简单，但是滚动条的位置没变，会一直触发，一直加载呀
oTerminator12 2019-09-10
- 打赏
- 举报
就像微信下拉加载数据一样，当新的数据加载完之后页面位置是不变的，只是滚动条的位置变了，你要继续向下滑动，它才会显示，但是在html怎么实现，html当你在前面插入数据的时候，整个页面默认是向下加载的，滚动条位置没变，但是页面位置变了
文盲老顾 2019-09-10
- 打赏
- 举报
向下填充很容易理解，瀑布流嘛，向上填充是什么鬼？
向下填充通常是计算距离页面最后一行像素的位置与当前滚动轴的差小于阈值时触发
那么向上滚动理论上不是不可以实现，但是，页面顶的坐标永远是top=0，所以，用什么条件触发才需要考虑，至于填充那是简单地inserBefore即可
