JSFiddle - React, Tailwind, and code Playground

by wasingej

HTML

<div class="outer">
    <span class="above">More tex.</span>
    <span class="below">This text is visible. Scroll down to view more text.</span>
</div>

CSS

div.outer
{
    position: relative;
    min-height: 200px;
    overflow-y: scroll;
}

span
{
    position: absolute;
}

span.above
{
    top: 500px;
}

span.below
{
    bottom: 0px;
}