JSFiddle - React, Tailwind, and code Playground

by kthornbloom

HTML

<div class="scroll">
<b>Events List</b>
<div class="title">
FRIDAY
</div>
Event! <br>Event! <br>Event! <br>Event! <br>Event! <br>Event! <br>Event! <br>Event! <br>Event! <br>Event! <br>Event! <br>Event! <br>
<div class="title">
SATURDAY
</div>
Event! <br>Event! <br>Event! <br>Event! <br>Event! <br>Event! <br>Event! <br>Event! <br>Event! <br>Event! <br>Event! <br>Event! <br>
</div>

CSS

.scroll {
  height: 150px;
  overflow: auto;
  border: 2px solid #ccc;
}

.title {
  background: #fff;
  position: sticky;
  top: 0;
}