JSFiddle - React, Tailwind, and code Playground
HTML
<div class="container">
<div class="header">header</div>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text some text</p>
<p>some text...
CSS
.container {
background: #eee;
width: 75%;
}
.header {
position: fixed;
background: #ccc;
}