背景
通常我们需要判断滚动条是否滚到底部，以实现相应的功能，如“加载更多”等。
那么如何通过js来判断滚动条是否滚到底部，请看以下方法
解决方案（以纵向滚动条为例，横向滚动条方法类似）
判断滚动条到底部，需要用到DOM的三个属性值，即clientHeight、scrollTop、scrollHeight。（横向滚动条则是clientWidth，scrollLeft，scrollWidth）
clientHeight为内容可视区域的高度。
scrollTop为滚动条在Y轴上的滚动距离。
scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。
从这个三个属性的介绍就可以看出来，滚动条到底部的条件即：
clientHeight + scrollTop === scrollHeight
constdom=document.getElementById('scrollElement'); dom.addEventListener('scroll', () => { constclientHeight=dom.clientHeight; constscrollTop=dom.scrollTop; constscrollHeight=dom.scrollHeight; if (clientHeight+scrollTop===scrollHeight) { console.log('竖向滚动条已经滚动到底部') } })
