JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top">
    <p>in principio</p>
    <p>creavit Deus caelum et terram</p>
    <p>terra autem erat inanis   </p>
    <p>et vacua et tenebrae super faciem abyssi</p>
    <p>et spiritus Dei ferebatur super aquas</p>
    <p>dixitque Deus fiat lux</p>
    <p>et facta est lux</p>
    <p>et vidit Deus lucem quod esset bona</p>
    <p>et divisit lucem ac tenebras</p>
    <p>10th P Tag</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>20th P Tag</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>30th P Tag</p>
</div>
<div id="bottom">
    <p>In the beginning</p>
    <p>God created heaven, and earth</p>
    <p>And the earth was void and empty,</p>
    <p> and darkness was upon the face of the deep;</p>
    <p>and the spirit of God moved over the waters</p>
    <p>And God said: Be light made</p>
    <p>And light was made</p>
    <p>And God saw the light that it was good;</p>
    <p>and he divided the light from the darkness</p>
    <p>10th P Tag</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>20th P Tag</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>30th P Tag</p>
</div>

CSS

div {
    position : absolute;
    top      : 0;
    width    : 300px;
    height   : 40%;
}
#top {
    overflow : hidden;
    top     : 0;
}
#bottom {
    top     : 50%;
    overflow : scroll;
}

JavaScript

$('#bottom').on('scroll', function () {
    $('#top').scrollTop($(this).scrollTop());
});