JSFiddle - React, Tailwind, and code Playground

HTML

<div id="one">
        <div id="two">sdfgdfgdfgdfg<br>sdfgdfgdfgdfg<br>sdfgdfgdfgdfg<br>sdfgdfgdfgdfg<br>sdfgdfgdfgdfg<br>sdfgdfgdfgdfg<br>sdfgdfgdfgdfg<br>sdfgdfgdfgdfg<br>sdfgdfgdfgdfg<br></div>
</div>

CSS

#one {
    width: 200px;
    height:200px;
    overflow: scroll;
    overflow-y: hidden;
    box-shadow: 0px -100px 0 #fff inset,-1px  0  #000 inset;
}

#wrap {
    height:100%;
    width:100%;
   
}

#two {
    width: 500px;
    height: 100%;
    background-color: rgba(37,106,83,0.5);
    
}