JSFiddle - React, Tailwind, and code Playground

HTML

<div id="scroll">
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
    Scroll<br />
</div>

CSS

#scroll {
    height: 100px;
    overflow: scroll;
}

JavaScript

var div = $('#scroll')[0];
div.scrollTop = div.scrollHeight;