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 @ 2023-11-27 19:35  jiazq  阅读(759)  评论(0)    收藏  举报