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');
div.prop("scrollTop", div.prop("scrollHeight"));