JSFiddle - React, Tailwind, and code Playground

HTML

<div id="some-modal">
    <div id="top">Top fixed menu</div>
    <div id="menu">Side fixed menu</div>
    <div id="long-list">
         <h1>Long list scrolling independently</h1>
    
        <p>Nulla facilisi. Phasellus fermentum felis neque, in pulvinar erat cursus ut. Nunc urna orci, sagittis ac magna vitae, posuere aliquam leo. Mauris eleifend semper libero et laoreet. Mauris tincidunt vehicula fermentum. Sed neque nibh, rutrum ac malesuada eu, tincidunt id justo. Maecenas vitae malesuada urna. Nunc suscipit nunc eu nisi ullamcorper iaculis. Fusce non erat eu nisl ultricies euismod.</p>
        <p>Morbi ac arcu sollicitudin, vehicula odio ac, faucibus turpis. Aenean fringilla arcu id lectus hendrerit dapibus. Pellentesque ultrices vitae dolor in sagittis. Donec scelerisque dolor ut velit tempus cursus. Fusce lectus nunc, lobortis rhoncus fringilla sit amet, eleifend vel magna. Etiam dapibus est rhoncus, luctus enim ac, imperdiet nulla. Fusce vitae lectus eu justo accumsan dapibus.</p>
        <p>Etiam sed metus eu nisl dignissim ornare. In ut tempus tortor. Sed pellentesque sagittis aliquet. In ut urna at quam molestie posuere. Suspendisse in gravida lacus, ut ullamcorper nisl. Integer at tellus mattis, aliquam ante a, egestas augue. Curabitur purus ligula, tincidunt quis laoreet quis, porttitor nec turpis. Curabitur urna nunc, condimentum in lacus non, eleifend consequat odio. Cras vitae porta mauris. Curabitur sed sagittis erat. Duis ac libero tempus, sagittis nisl quis, fringilla magna. Nam eget nibh a mauris adipiscing fringilla id nec tortor. Integer vel tortor iaculis, adipiscing massa in, volutpat nisi.</p>
        <p>Praesent tincidunt bibendum molestie. Integer faucibus lorem felis, a placerat augue fermentum sit amet. Duis et nibh dolor. Proin dignissim dapibus justo, ac consequat neque scelerisque tempor. In mattis dui nec tellus auctor, nec sagittis leo sagittis. Quisque elementum vitae enim at feugiat. Praesent ultricies lectus massa, sit amet...

CSS

#some-modal {
       position:fixed;
       top:10%;
       bottom:10%;
       left:10%;
       right:10%;
   }
   #some-modal div {
       position:absolute;
       padding:10px;
   }
   h1 {
       font-size:120%;
       font-weight:bold;
       margin-top:0 0 10px;
       padding:0;
   }
   #top {
       top:0;
       left:0;
       right:0;
       height:20px;
       border-bottom:1px solid #000;
       background:#FF00FF;
   }
   #menu {
       top:40px;
       height:20px;
       left:0;
       width:180px;
       border-right:1px solid #000;
       background:#FF0000;
   }
   #long-list {
       top:80px;
       left:0;
       width:180px;
       bottom:0;
       background:#FFFF00;
       overflow-y:auto;
   }
   #scrolling-content {
       top:40px;
       bottom:0;
       right:0;
       left:200px;
       background:#0000FF;
       overflow-y:auto;
   }