JSFiddle - React, Tailwind, and code Playground

HTML

texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext
<div class="container">
    <div class="header">title</div>
    <div class="cont_elements">
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
        <div class="element">......</div>
    </div>
</div>

texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext

CSS

.header {
    position: absolute;
    top:0;
    /* scrolling out of view :-( */
    z-index:2;
    background-color:pink;
}
.container {
    position:relative;
    width:200px;
    height:400px;
    background:gold;
}
.cont_elements {overflow-y:scroll; height:100%;}
.element {
    position: relative;
}