scroll属性使用
2021-04-15 本文已影响0人
Gambler_194b
当有垂直方向的滚动条的时候,获取的数据才是正确的。
scrollHeight 获取的是整个页面的高度,包括页面看不到的部分
scrollTop 是被滑动到看不到的部分到视图顶部的距离
clientHeight 是显示在页面上的高度(整个不需要有垂直滚动条,每个元素都可以获取到这个数据,当没有滚动条的时候获取的是元素的高度)
借用知乎网友的一张图

当有垂直方向的滚动条的时候,获取的数据才是正确的。
scrollHeight 获取的是整个页面的高度,包括页面看不到的部分
scrollTop 是被滑动到看不到的部分到视图顶部的距离
clientHeight 是显示在页面上的高度(整个不需要有垂直滚动条,每个元素都可以获取到这个数据,当没有滚动条的时候获取的是元素的高度)
借用知乎网友的一张图