JSFiddle - React, Tailwind, and code Playground

by Teamur

HTML

<body>
  <div id="scroll-zone">
    <div id="item-1" class="items"></div>
    <div id="item-2" class="items"></div>
    <div id="item-3" class="items"></div>
  </div>
</body>

CSS

body {
      margin: 0;
      padding: 0;
      background: #0769ad;
    }
    #scroll-zone {
      overflow-y: scroll;
      margin: 40px auto;
      width: 200px;
      height: 360px;
      background: #fff;
    }
    .items {
      margin: 10px auto;
      width: 120px;
      height: 400px;
    }
    #item-1 {
      background: #c02431;
    }
    #item-2 {
      background: #03a753;
    }
    #item-3 {
      background: #262626;
    }