当前位置: 首页 > Web前端 > JavaScript

js判断是否有滚动条并滚动到底部

时间:2023-03-26 21:15:01 JavaScript

如果需求是强制用户将滚动条拉到底部进行下一步操作,不能保证内容很多(比如一段文案是否很长)肯定会超出元素在设置固定高度生成滚动条时,首先要判断元素上是否有滚动条。如果没有滚动条,去掉只能滑动到底部才能执行下一个动作的限制。//判断是否有滚动条consthasScrollBar=(ele,direction)=>{//元素的scrollHeight或scrollWidth的值大于clientHeight或clientWidth的值,则有滚动条if(direction==="vertical"){returnele.scrollHeight>ele.clientHeight}if(direction==="cross"){returnele.scrollWidth>ele.clientWidth}}constscrollBottom=(ele)=>{if(ele.scrollTop+(ele.clientHeight+1)>=ele.scrollHeight){//滚动到底部}else{//没有滚动到底部}}