如果需求是强制要求用户将滚动条拉到最底部才能进行下一个动作,在不能保证内容很多(比如一段文案是否很长)一定会超过元素设置的固定高度产生滚动条的情况下,先判断这个元素上是否有滚动条,如果没有滚动条那就去掉滑动到最底部才能执行下一步动作的限制。
//判断是否有滚动条
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 {
//没有滚动到最底部
}
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。