JSFiddle - React, Tailwind, and code Playground

by Eduard Dyckman

HTML

<div class="outer">
<div class="inner1">
dklsfjkldajfklasjklfjsakljdfklasjdfkljskladfja
</div>
<div class="inner2">
sdkaljfewqiojiosajfasfas
</div>
<div class="inner3">
ndsalkfjlasfklasjfklasjdklf
</div>
</div>

CSS

.outer {
  width: 100px;
  height: 100px;
  overflow: auto;
}
.inner1, .inner2, .inner3 {
  border: 1px solid green;
  white-space: break-spaces;
}
.inner2 {
  position: sticky;
  top: 20px;
}