判断内容滚动到底需要知道内容区域的真实高度（也就是滚动区域），滚动条距离顶部的位置，内容区域的可见高度本文主要为大家分享一篇js 原生判断内容区域是否滚动到底部的实例代码，具有很好的参考价值，希望对能帮助到大家。
分别对应下面的三个API。
element.scrollHeight 获取元素内容高度，，，【只读属性】
element.scrollTop 可以获取或者设置元素的偏移值，常用于，计算滚动条的位置,当一个元素的容器没有产生垂直方向的滚动条,那它的 scrollTop 的值默认为0.
element.clientHeight 读取元素的可见高度【只读属性】
下面直接引用MDN上面的一个经典的公式
判定元素是否滚动到底
如果元素滚动到底，下面等式返回true，没有则返回false.
element.scrollHeight - element.scrollTop === element.clientHeight
案例-用户使用协议
只有等用户阅读完协议才可以点击同意，也就是说滚动条到底部之后代表完成阅读
tab
同意
好吧，今天突然 看到mdn上面的这个API。脑补了一下
Element.scrollTop
大家学会了吗？赶紧动手尝试一下吧。
相关推荐：
