JSFiddle - React, Tailwind, and code Playground

HTML

<div id="viewport">
    <section class="page-part" id="home">
        <h1>Home</h1>
    </section>
    <section class="page-part" id="about">
        <h1>About</h1>
    </section>
</div>

<nav>
    <ul>
        <li><a href="#home">Home</a>
        <li><a href="#about">About</a>
    </ul>
</nav>

CSS

html, body {
    margin:0;
    padding:0;
}

#viewport {
    height:200px;
    overflow:auto;
}

.page-part {
    height:200px;
}

#home {
    background:brown;
}
#about {
    background:green;
}