如果需要是强制要求用户将滚动条拉到最底部能力进行下一个动作,在不能保障内容很多 (比方一段文案是否很长) 肯定会超过元素设置的固定高度产生滚动条的状况下,先判断这个元素上是否有滚动条,如果没有滚动条那就去掉滑动到最底部能力执行下一步动作的限度。
// 判断是否有滚动条
const hasScrollBar=(ele,direction)=>{
// 元素的 scrollHeight 或者 scrollWidth 的值比 clientHeight 或者 clientWidth 的值大,则有滚动条
if(direction==="vertical"){return ele.scrollHeight>ele.clientHeight}
if(direction==="cross"){return ele.scrollWidth>ele.clientWidth}
}
const scrollBottom=(ele)=>{
if (ele.scrollTop + (ele.clientHeight + 1) >=
ele.scrollHeight
) {// 滚动到了最底部} else {// 没有滚动到最底部}
}