JSFiddle - React, Tailwind, and code Playground

HTML

<div>Nav Bar</div>
<section>
    <p>stuff stuff stuff stuff</p>
    <p>stuff stuff stuff stuff</p>
    <p>stuff stuff stuff stuff</p>
    <p>stuff stuff stuff stuff</p>
    <p>stuff stuff stuff stuff</p>
    <p>stuff stuff stuff stuff</p>
    <p>stuff stuff stuff stuff</p>
    <p>stuff stuff stuff stuff</p>
    <p>stuff stuff stuff stuff</p>
    <p>stuff stuff stuff stuff</p>
</section>

CSS

body {
    margin: 0;
}
div {
    position: fixed;
    width: 100%;
    height: 30px;
    background: black;
    text-align: center;
    color: white;
}
section {
    width: 100%;
    background: #eee;
    height: 2000px;
}
p {
    margin-top: 0;
}