JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
	<article>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer orci metus, tincidunt quis eleifend ac, aliquet ac nunc. Pellentesque sagittis elit et justo consequat ac volutpat nibh egestas. Praesent turpis sapien, volutpat quis vehicula a, convallis a felis. Aliquam congue tellus ac nulla commodo quis sollicitudin lacus tincidunt. Curabitur elementum ipsum eu dui vestibulum egestas tincidunt justo hendrerit. Fusce suscipit blandit odio sit amet sagittis. Mauris arcu odio, imperdiet ut feugiat nec, pharetra ut nunc. Quisque ultrices adipiscing mauris, vitae condimentum augue auctor sed. Aliquam condimentum enim tristique dolor iaculis consequat at pretium tellus. Maecenas porta, mauris gravida sodales commodo, nisl ante accumsan dui, quis mollis arcu massa vel odio. Aliquam porttitor libero quis nunc convallis sollicitudin.

Aenean accumsan, tellus sed aliquam pellentesque, mi sem mollis libero, eget pharetra sapien quam vel neque. Praesent felis libero, accumsan a scelerisque vel, posuere nec felis. Aliquam fringilla ipsum ac risus sollicitudin vel laoreet orci lacinia. Aliquam at pellentesque arcu. Duis vitae tristique enim. Ut et enim nisl. In ornare consectetur iaculis.

Praesent euismod hendrerit nulla, non posuere leo volutpat a. Aenean adipiscing rutrum justo, ac tincidunt arcu gravida vel. Quisque consequat adipiscing mauris, a vestibulum dui accumsan eu. Etiam posuere tincidunt mi eget adipiscing

	</article>
</div>

<nav id="menu"></nav>

CSS

html, body {height: 100%;margin:0;padding:0;}

#wrapper {min-height: 100%;}
#wrapper article {overflow:auto;width: auto;padding-bottom: 100px;}

#menu {position: relative;margin-top: -100px;height: 100px;background: red;}