JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div2">
    <div id="div1">
        <div>aaaaaaaa</div>
        <div>bbbbbbbb</div>
        <div>ccccccc</div>
        <div>vvvvvvvv</div>
        <div>dddddddddd</div>
    </div>
</div>

CSS

#div1{
    background: blue;
    height: 100px;
    width: 1024px;
}

#div2{
    overflow: scroll;
    width: 1024px;
    height: 100px;
    position: fixed;
}

body{
    height: 12200px;
    width: 100px;
}