JSFiddle - React, Tailwind, and code Playground

HTML

<div style="height:300px;overflow-y:scroll">
test1<br/>
test12<br/>
test1<br/>
test1<br/>
test12<br/>
test12<br/>
test1<br/>
test12<br/>
test1<br/>
test1<br/>
test1<br/>test1<br/>
test1<br/>
test1<br/>
test1<br/>test1<br/>test1<br/>
test1<br/>test1<br/>
test1<br/>
test1<br/>
test1<br/>
test1<br/>
test1<br/>test12<br/>test1<br/>test1<br/>
test1<br/>test2<br/>test1<br/>
test1<br/>test1<br/>
test1<br/>
test1<br/>
test12<br/>
test1<br/>
test1<br/>test1<br/>test1<br/>
</div>

JavaScript

$(function() {

    jQuery('div').animate({ scrollTop: 200 }, { duration: 500 });
    
    //or $('div')[0].scrollTop = 200
});