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

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

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理