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