JSFiddle - React, Tailwind, and code Playground

by Purag Moumdjian

HTML

<script src="http://kanohijournal.com/ancientchronicle/jquery.scrollTo-1.4.2-min.js"></script>
<div id="scroll">
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content
</div>
<input type="submit" value="Send" id="newchat" />

CSS

#scroll {
    width:200px;
    height:300px;
    overflow:auto;
}

#newchat {
    padding:2px 5px 2px 5px;
}

JavaScript

$(document).ready(function() {
    $("#newchat").click(function() {
       $("#scroll").append("<br>New chat content.");
       $("#scroll").scrollTo('100%');
    }); 
});