JSFiddle - React, Tailwind, and code Playground

by Bacher

HTML

<div class="cont">
  <div class="sticky">
    1 <br>
    2 <br>
    3 <br>
    4 <br>
    5 <br>
    6 <br>
    7 <br>
    8 <br>
    9 <br>
    10 <br>
    11 <br>
    12 <br>
  </div>
  <div class="item"></div>
</div>

CSS

.sticky {
  position: sticky;
  top: 20px;
  bottom: 20px;
  width: 40px;
  background: red;
}

.item {
  height: 200px;
  background: yellow;
}