JSFiddle - React, Tailwind, and code Playground

by fschwiet

HTML

<div id="scrollContainer">
  <div id="absoluteContainer">    
    <div id="ac1"></div>
    <div id="ac2"></div>
    <div id="ac3"></div>
  </div>    
</div>

CSS

#scrollContainer {
    height:120px;
    overflow-y:scroll
}

#absoluteContainer {
    position:relative
}

#ac1, #ac2, #ac3 {
    position: absolute;
    width:100%;
    height:100px;
}

#ac1 {
    background-color: red;
    top:0px
}

#ac2 {
    background-color: green;
    top:100px
}

#ac3 {
    background-color: blue;
    top:200px
}