scrollHeight问题

scrollHeight问题

http://img1.sycdn.imooc.com//climg/5ea90434096f7de108830507.jpgs老师说crollHeight就是body的长度,那body的长度不是固定的吗?scrollHeight不就也是固定的了?这个式子成立的话不就是说明这个页面已经滑到了最底部,那意思就是页面滑到了最底部才加载页面的内容?这里讲的和前面的按需加载不是一个意思?不是一个页面里滑动一部分停止后就加载滑动出来的那部分内容?

正在回答

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

2回答

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

1、scrollHeight是向下滚动的高度,同学也可以理解为文档的高度,也就是内容的高度。scrollHeight是会变的,不是定值

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

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

3、这个就是按需加载,当页面快滑到最底部的时候,加载下一页的页面内容。当我们向下拉,拉到某种程度才会加载内容。

同学再理解下。

祝学习愉快~

  • Aurora_Meteor 提问者 #1
    还是不太明白。 1,您说scrollheight是内容的高度,这不是指HTML写的页面结构中所包含的内容的高度吗?这个高度默认一开始是固定的吧,先加载结构中已有的内容? 然后只有页面通过向后台的请求新加载了内容,它的高度才会变呀,可是这里是通过判断这几个高度的关系来决定是否发送请求,这不是成一个循环了么? 2,您说滑到底部时会发送请求加载下一个页面,第一个页面是不是在哪个js文件夹里,一开始就发送了请求加载了几个商家?然后滑到已加载内容的最底部时就是到第一个页面的底部了?此时会再次发送请求加载第二个页面,依次类推不断加载新页面? 如果是这样的话,那新加载的下一个页面显示多少内容呢,是在哪里进行规定的?
    2020-04-29 14:56:13
  • Aurora_Meteor 提问者 #2
    我问的第一点好像有点明白了,您说scrollheight是滚动的高度,是指页面从上到下滑动滚动条可以滚动的距离么?也就是整个页面主体的高度? 然后您说它不是定值,意思是它没有满足那个式子的时候就不会发送加载下一个页面的请求,此时它就不会变,只有每次新加载页面的时候才会变,而不是随时会变。 我以上的理解是否正确呢?
    2020-04-29 15:02:08
好帮手慕粉 2020-04-29 17:23:01

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

1、是的,理解的是正确的,这是个动态的过程。

2、第一个页面是在之前就已经实现的商家列表,通过getList()函数来获取数据渲染页面。当页面向下滚动到一定程度时,也就是需要加载下面的数据时,就会再次调用getList()函数来获取数据,渲染到页面上:

http://img1.sycdn.imooc.com//climg/5ea947180906d1b008730404.jpg

http://img1.sycdn.imooc.com//climg/5ea94765096c173507700357.jpg

同学可以再听下视频的前半部分呢。

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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