JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="scroll">
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>blah
<br/>halb
<br/>
<center><b>Voila!! You have already reached the bottom :)</b></center>
</div>
CSS
#scroll {
width: 200px;
height: 300px;
overflow-y: scroll;
}
JavaScript
$(function () {
var wtf = $('#scroll');
var height = wtf[0].scrollHeight;
wtf.scrollTop(height);
});