头图

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);
}

兔子先森
360 声望14 粉丝

致力于新技术的推广与优秀技术的普及。