判断内容滚动到底需要知道内容区域的真实高度(也就是滚动区域),滚动条距离顶部的位置,内容区域的可见高度本文主要为大家分享一篇js 原生判断内容区域是否滚动到底部的实例代码,具有很好的参考价值,希望对能帮助到大家。
分别对应下面的三个API。
element.scrollHeight 获取元素内容高度,,,【只读属性】
element.scrollTop 可以获取或者设置元素的偏移值,常用于,计算滚动条的位置,当一个元素的容器没有产生垂直方向的滚动条,那它的 scrollTop 的值默认为0.
element.clientHeight 读取元素的可见高度【只读属性】
下面直接引用MDN上面的一个经典的公式
判定元素是否滚动到底
如果元素滚动到底,下面等式返回true,没有则返回false.
element.scrollHeight - element.scrollTop === element.clientHeight
案例-用户使用协议
只有等用户阅读完协议才可以点击同意,也就是说滚动条到底部之后代表完成阅读
tab
同意
好吧,今天突然 看到mdn上面的这个API。脑补了一下
Element.scrollTop
大家学会了吗?赶紧动手尝试一下吧。
相关推荐:
Javascript实现DIV滚动自动滚动到底部的代码_javascript技巧
위 내용은 详解js判断内容区域是否滚动到底部의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!