JSFiddle - React, Tailwind, and code Playground

HTML

<div id="messages">
    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>
    <br>
</div>

CSS

div{height:200px;width:200px;overflow-y:scroll;}

JavaScript

$("#messages").scrollTop($('#messages').height())