JSFiddle - React, Tailwind, and code Playground

by Guruprasad Rao

HTML

<div class="scrolble">
    ddada<br/>
    sdasd<br/>
    ada<br/>
    dasda<br/>
    sdasdasd<br/>
    asdasDasdASd<br/>
    dasd<br/>
    adasda<br/>
    ddada<br/>
    sdasd<br/>
    ada<br/>
    dasda<br/>
    sdasdasd<br/>
    asdasDasdASd<br/>
    dasd<br/>
    adasda<br/>
    ddada<br/>
    sdasd<br/>
    ada<br/>
    dasda<br/>
    sdasdasd<br/>
    asdasDasdASd<br/>
    dasd<br/>
    adasda<br/>
</div>
<input type="text" id="txtBottom"/>

CSS

.scrolble
{
    max-height:360px;
    overflow-y:scroll;
}

#txtBottom
{
    position:fixed;
    bottom:0px;
    width:100%;
    height:100px;
}