div滚动条自动滚动到最下方

div滚动条自动滚动到最下方

<div width="50%" height="100px" style="display:inline-block;">
	<p id="info" style="height:80px;width: 250px;overflow :auto;border: #006064 1px dashed;white-space:nowrap;"></p>
</div>

注:
white-space:nowrap; 不要自动换行
overflow:auto; 水平和垂直自动出现滚动条

let info = document.getElementById('info');
let p = document.createElement("p");
p.style="margin:0px;font-size:4px";
p.innerHTML=textTemp;//要输入的内容
info.append(p);
info.scrollTop=info.scrollHeight;//滚动条自动滚动到最下方

效果: