关于 scrollTop clientHeight scrollHeight

来源:2-16 首页-滚动加载

慕运维5475419

2020-06-17 10:20:16

问题如图所示http://img.mukewang.com/climg/5ee97dd5098538d313610676.jpg

写回答

1回答

好帮手慕久久

2020-06-17

同学你好,问题解答如下:

1. 图二绿色框中的数据,是页面打开就会加载的,与滚动无关,如下:

http://img.mukewang.com/climg/5ee9a29609e1e85b05540357.jpg

2. scrollTop是滚动条滚过的距离,也就是页面滚动后,离开视野的那部分页面的高度。scrollHeight是整个页面的高度,clientHeight是页面可视区域的高度,三者位置如下:

http://img.mukewang.com/climg/5ee9a2a509e5de9905540793.jpg

3. 当页面运动到如下位置时,满足scrollTop + clientHeight= scrollHeight:

http://img.mukewang.com/climg/5ee9a2b109666fbd05540820.jpg

此时页面再往上滚动一点(页面底部进入可视区),就满足scrollTop + clientHeight>scrollHeight。

如果我的回答帮到了你,欢迎采纳,祝学习愉快!

0

0 学习 · 6815 问题

查看课程