JSFiddle - React, Tailwind, and code Playground

HTML

<div style="float: left;">scroller ikke<br>scroller ikke<br>scroller ikke<br></div>

<div id="rulle" style="height: 100px; overflow: auto; float:right; width: 50%">
    <p>1Text text</p>
    <p>2Text text</p>
    <p>3Text text</p>
    <p>4Text text</p>
    <p>5Text text</p>
    <p>6Text text</p>
    <p>7Text text</p>
    <p>8Text text</p>
    <p>9Text text</p>
    <p>0Text text</p>
    <p>1Text text</p>
    <p>2Text text</p>
    <p>3Text text</p>
    <p>4Text text</p>
    <p>5Text text</p>
    <p>6Text text</p>
    <p>7Text text</p>
    <p>8Text text</p>
    <p>9Text text</p>
    <p>0Text text</p>
</div>

JavaScript

$("#rulle").animate({ scrollTop: $("#rulle")[0].scrollHeight }, 4000);