js让滚动条滚到底部

scrollTop:获取或设置一个元素的内容垂直滚动的像素数,当一个元素的内容没有产生垂直方向的滚动条,那么它的 scrollTop 值为0
scrollHeight:这是一个只读属性,是元素内容高度的度量,包括由于溢出导致的视图中不可见的内容。注意:scrollHeight在没有滚动条的情况下,它的值跟下面要介绍的clientHeight相同。scrollHeight包括元素的padding,但不包括元素的border和margin
clientHeight:也是一个只读属性,返回元素内部的高度,包括padding,但不包括border跟margin

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

你可能感兴趣的:(javascript,前端,vue,html)