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 {
              //没有滚动到最底部
        }
}

你可能感兴趣的:(javascript)