跳到主要内容

如何检测阅读用户阅读到底

· 阅读需 1 分钟
素明诚
Full stack development

scrollHeight

2b7c0705117329fc823801bb1926ef0e## scrollTop

属性可以获取或设置一个元素的内容垂直滚动的像素数

一个元素的scrollTop值是这个元素的内容顶部(卷起来的)到它的视口可见内容(的顶部)的距离的度量。当一个元素的内容没有产生垂直方向的滚动条,那么它的scrollTop值为0

在使用显示比例缩放的系统上,scrollTop可能会提供一个小数。

clientHeight

89f578be8847e299ba29b0c564859de2## 公式

parseInt(scrollHeight) - parseInt(scrollTop) == parseInt(clientHeight);

使用parseInt可以保证在移动端上忽略小数部分的影响。