首页 话题 小组 问答 好文 用户 我的社区 域名交易

[分享]js让滚动条滚到底部

发布于 2025-02-05 21:47:59
0
60

scrollTop:获取或设置一个元素的内容垂直滚动的像素数,当一个元素的内容没有产生垂直方向的滚动条,那么它的 scrollTop 值为0scrollHeight:这是一个只读属性,是元素内容高度的...

scrollTop:获取或设置一个元素的内容垂直滚动的像素数,当一个元素的内容没有产生垂直方向的滚动条,那么它的 scrollTop 值为0

scrollHeight:这是一个只读属性,是元素内容高度的度量,包括由于溢出导致的视图中不可见的内容。注意:scrollHeight在没有滚动条的情况下,它的值跟下面要介绍的clientHeight相同。scrollHeight包括元素的padding,但不包括元素的bordermargin

clientHeight:也是一个只读属性,返回元素内部的高度,包括padding,但不包括bordermargin

// 获取节点
  let chatHistory = document.getElementsByClassName('chatHistory')[0]
  
  if(chatHistory.scrollHeight > chatHistory.clientHeight) {
    setTimeout(function(){
        //设置滚动条到最底部
        chatHistory.scrollTop = chatHistory.scrollHeight;
    },0);
}
评论
站长交流