JSFiddle - React, Tailwind, and code Playground

HTML

<div  id="chating" style="overflow: auto; background-color:#fff; border:solid 2px #dedede; width:200px;  height:200px; padding:10px; ">
hello<br/>
hello<br/>
hello<br/>
hello<br/>
hello<br/>
hello<br/>
hello<br/>
hello<br/>
hello<br/>
hello<br/>
hello<br/>
hello<br/>
hello<br/>
hello<br/>
hello<br/>
hello<br/>
hello<br/>
hello<br/>
hello<br/>
hello<br/>
hello<br/>
</div>

JavaScript

var chatWindow = document.getElementById('chating');
chatWindow.scrollTop = chatWindow.scrollHeight;