js让滚动条滚到底部

最新推荐文章于 2024-03-23 17:49:51 发布

兔子先森Ace

最新推荐文章于 2024-03-23 17:49:51 发布

阅读量1.2w

点赞数 3

文章标签： javascript 前端 vue html

本文链接：https://blog.csdn.net/qq_44793507/article/details/126929893

版权

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