JS 判断是否有滚动条和滚动条滚到底部

  • 判断是否有滚动条
const scrollDom = document.getElementById('滚动元素id')
if (!scrollDom) return
if (scrollDom.clientHeight === scrollDom.scrollHeight) {
  // 没有滚动条
}
  • 判断滚动条滚到底部
const scrollDom = document.getElementById('滚动元素id')
if (!scrollDom) return
if (scrollDom.scrollTop + scrollDom.clientHeight === scrollDom.scrollHeight) {
  // 滚到底部
}
  • scrollDom.scrollTop + scrollDom.clientHeight === scrollDom.scrollHeight判断滚到底部可能存在等号两边相差零点几的情况,导致等式永远不成立,可以改用scrollDom.scrollTop + scrollDom.clientHeight + 10 >= scrollDom.scrollHeight,这个10按场景修改
posted @   jiazq  阅读(629)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示