JSFiddle - React, Tailwind, and code Playground

HTML

<div class="demo">
    
    <div class="box">Demo</div>
    <div class="box">Demo</div>
    <div class="box">Demo</div>
    <div class="box">Demo</div>
    <div class="box">Demo</div>
    <div class="box">Demo</div>
    <div class="box">Demo</div>
    <div class="box">Demo</div>
    <div class="box">Demo</div>
</div>

CSS

.box{
    display: block;
    margin: 20px;
    padding: 20px;
    background: #ccc;
    width: 100%;        
}

.demo{
    height: 200px;
    display: block;
    overflow:scroll; 
}

JavaScript

$('.demo').scrollTop($('.demo')[0].scrollHeight);