滚动加载的问题

滚动加载的问题

  1. 按照老师的这个公式:scrollTop+clientHeight>scrollHeight,scrollHeight是整个文档的高度吧,那就是滑到底部才加载,可是划到底部不是已经加载完了吗?有什么意义?

  2. 最后为什么要重复请求getList()?作用是什么?

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,关于同学的问题回答如下:

1、scrollHeight是向下滚动的高度,同学也可以理解为文档的高度,也就是内容的高度。scrollHeight是会变的,不是定值。scrollTop代表滚动了多少px,clientHeight代表视口的高度,当滚动时,scrollHeight小于等于scrollTop+clientHeight的时候,就代表现有的这一部分内容已经进入到窗口中了(就是可以看到了);所以需要加载新的元素,一直往下滑会一直加载,然后scrollHeight就会变大。

简单来说就是我已有的内容已经加载完了,也就是scrollHeight的内容加载完了,所以请求新的数据。

2、因为我们已有的数据已经加载完了,比如第一页已经加载完了,现在往下拖动要 加载第二页,所以要再次请求下数据,获取第二页的内容。

同学再理解下。

祝学习愉快~

  • 花生香又脆 提问者 #1
    老师你好, 1. 视频里请求的是一样的数据,在这个案例里面,没有请求到新的数据,所以scrollHeight就和原来一样,因此显示加载完成,如果请求到了新的数据就会继续加载,这样理解对吗? 2. 想知道实际操作中是怎么请求数据的?怎样请求到新的数据?要先规定一次请求多少数据,然后重新请求数据吗?
    2020-03-14 13:57:36
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师