scrollTop clientHeight 的公式问题

来源：5-16 首页页面开发(滚动加载逻辑实现)

慕粉1003392721

2019-02-14

老师视频里 scrollTop + clientHeight 应该小于等于 scrollHeight吧难道是我想错了?

写回答

1回答

小妖大王

2019-02-14

已采纳

这位同学还是需要理解scrollTop，clientHeight, scrollHeight;
视频PPT明确得知：scrollTop + clientHeight = scrollHeight（可以理解为是公式），现在分析场景：

1. 当元素内容的高度正好为一屏时，这个时候是没有scrollTop的的值（或者可以理解为0）；
2. 当元素内容的高度超过一屏时（多屏状态），这个时候你滚动的距离就是scrollTop的值；

ps: 视频里有减去一个值，是为了让滚动加载可视化体验更好，当用户快拉到底的时候（但此刻其实并没有到底部）去加载分页数据。