关于javascript:js判断是否有滚动条及滚动到最底部

3次阅读

共计 473 个字符,预计需要花费 2 分钟才能阅读完成。

如果需要是强制要求用户将滚动条拉到最底部能力进行下一个动作,在不能保障内容很多 (比方一段文案是否很长) 肯定会超过元素设置的固定高度产生滚动条的状况下,先判断这个元素上是否有滚动条,如果没有滚动条那就去掉滑动到最底部能力执行下一步动作的限度。

// 判断是否有滚动条
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 {// 没有滚动到最底部}
}
正文完
 0