JSFiddle - React, Tailwind, and code Playground

by Ishank Dubey

HTML

<div class='outer'>
<div class='inner'>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span><span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span><span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span><span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span><span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span><span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span><span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span><span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span><span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span><span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span><span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span><span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span><span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span><span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span>
<span>Test Span</span><span>Test Span</span>
<span>Test Span</span>
<span>Test Span2</span>
<span>Test Span1</span>
<span>Test Span LAst</span>
</div>
</div>

CSS

body,html{
  height:100%;
}
span{
  display:block;
}
.outer{
  position:fixed;
  height:100%;
  padding-top:20px;
      width: 220px;
}
.inner{
  position:fixed;
  height:100%;
  overflow-y:auto;
      width: 220px;
}