scrollHeight问题
来源:2-16 首页-滚动加载
Aurora_Meteor
2020-04-29 12:38:54
s老师说crollHeight就是body的长度,那body的长度不是固定的吗?scrollHeight不就也是固定的了?这个式子成立的话不就是说明这个页面已经滑到了最底部,那意思就是页面滑到了最底部才加载页面的内容?这里讲的和前面的按需加载不是一个意思?不是一个页面里滑动一部分停止后就加载滑动出来的那部分内容?
2回答
同学你好,关于同学的问题回答如下:
1、scrollHeight是向下滚动的高度,同学也可以理解为文档的高度,也就是内容的高度。scrollHeight是会变的,不是定值。
2、scrollTop代表滚动了多少px,clientHeight代表视口的高度,当滚动时,scrollHeight小于等于scrollTop+clientHeight的时候,就代表现有的这一部分内容已经进入到窗口中了(就是可以看到了),也就是同学说的滑到底部了,所以需要加载新的元素,一直往下滑会一直加载,然后scrollHeight就会变大。
简单来说就是我已有的内容已经加载完了,也就是scrollHeight的内容加载完了,所以请求新的数据。
3、这个就是按需加载,当页面快滑到最底部的时候,加载下一页的页面内容。当我们向下拉,拉到某种程度才会加载内容。
同学再理解下。
祝学习愉快~
好帮手慕粉
2020-04-29
同学你好,关于同学的问题回答如下:
1、是的,理解的是正确的,这是个动态的过程。
2、第一个页面是在之前就已经实现的商家列表,通过getList()函数来获取数据渲染页面。当页面向下滚动到一定程度时,也就是需要加载下面的数据时,就会再次调用getList()函数来获取数据,渲染到页面上:
同学可以再听下视频的前半部分呢。
祝学习愉快~
相似问题
回答 1
回答 1