JSFiddle - React, Tailwind, and code Playground

HTML

<nav><a href="#un">Un</a><a href="#deux">Deux</a><a href="#trois">Trois</a><a href="#quatre">Quatre</a><a href="#cinq">Cinq</a></nav>
<div>
	<section id="un">Section 1</section>
	<section id="deux">Section 2</section>
	<section id="trois">Section 3</section>
	<section id="quatre">Section 4</section>
	<section id="cinq">Section 5</section>
</div>

CSS

html, body, section {margin:0;padding:0;height:100%;color:#fff;}
nav {height:10%;background:blue;}
a {color:#fff;margin:0 30px;}
div {overflow-y:scroll;height:90%;}
section:nth-child(1) {background:red;}
section:nth-child(2) {background:green;}
section:nth-child(3) {background:purple;}
section:nth-child(4) {background:brown;}
section:nth-child(5) {background:orange;}