JSFiddle - React, Tailwind, and code Playground

HTML

<div classs="wrapper">
    <div class="header">
    header
    </div>
    <div class="content">
        <div class="subContent">
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
            content<br/>
        </div>
    </div>
</div>

CSS

wrapper{
    width:100%;
}
.header {
    position:fixed;
    width:100%;
    top:0px;
    height:20px;
    margin-left:0px;
    background:black;
    opacity: 0.3;
}
.content {
    height:200px;
    overflow: auto;
}
subContent{
    height:3000px;
    display:block;
}