JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    <ul>
        <li><a href="#one">Section One</a></li>
        <li><a href="#two">Section Two</a></li>
        <li><a href="#three">Section Three</a></li>
    </ul>
</nav>
<article id="one">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur placerat, turpis quis euismod volutpat, quam tellus rutrum turpis, in ultrices velit augue ut enim. Aenean pharetra, felis fringilla egestas dignissim, enim diam dignissim turpis, non tristique sem augue nec orci. Pellentesque sit amet felis a neque lacinia faucibus ut vitae massa. Maecenas lobortis erat quis velit cursus vehicula. Vivamus pretium egestas lorem nec porttitor. Proin venenatis leo ac dui auctor nec aliquet massa varius. Fusce turpis tellus, condimentum a gravida ut, vestibulum sit amet nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur non nisl blandit dolor bibendum mollis nec sit amet orci. Fusce nulla felis, porttitor non ultrices consectetur, imperdiet vel nisl. Praesent vitae libero velit. Ut augue mauris, pharetra at euismod at, rutrum mollis leo. Morbi nec justo mi.</p>
</article>
<article id="two">
    <p>Aliquam erat volutpat. Sed sit amet risus eget nibh blandit ultrices. Integer dignissim orci non libero congue elementum. Integer sit amet dui tellus. Integer ac nibh egestas est porta congue non in augue. Morbi ultricies sagittis arcu. Morbi arcu quam, faucibus vitae laoreet id, adipiscing vel purus. Donec tincidunt ipsum faucibus orci egestas ut gravida sem dignissim. Proin faucibus hendrerit ultricies. In est ligula, accumsan in facilisis vel, pretium vel orci. Sed metus nisl, varius quis viverra gravida, tincidunt vitae sapien.</p>
</article>
<article id="three">
    <p>Suspendisse potenti. Nunc adipiscing pulvinar ipsum sit amet sodales. Suspendisse interdum, nisi nec semper dapibus, lacus odio tempor nibh, non ultrices arcu purus at orci. Cras sit amet enim purus. Nulla venenatis tincidunt ante, ut egestas...

CSS

body, html {
    height: 100%;
}
nav {
    position: fixed;
    top: 0;
    right: 10;
    height: 40px;
    line-height: 40px;
    background: #94c4f4; 
}
nav li {
    display: inline-block;
    padding: 0 1em;
}
nav a {
    color: #000;
}
article {
    height: 100%;
    min-height: 300px;
    color: #fff;
    padding: 60px 20px 20px;
    box-sizing: border-box; /* Only necessary if you have padding/margin/border on the articles. */
}
#one {
    background: #b70000;
}
#two {
    background: #ffca3d;
    color: #000;
}
#three {
    background: #0092b2
}