<nav id="section-menu">
<ul></ul>
</nav>
<section id="section-one" class="section scroll-item" title="One">
<div class="inner">
<h2>Today</h2>
</div>
</section>
<section id="section-two" class="section scroll-item" title="Two">
<div class="inner">
<h2>I</h2>
</div>
</section>
<section id="section-three" class="section scroll-item" title="Three">
<div class="inner">
<h2>ate</h2>
</div>
</section>
<section id="section-four" class="section scroll-item" title="Four">
<div class="inner">
<h2>the</h2>
</div>
</section>
<section id="section-five" class="section scroll-item" title="Five">
<div class="inner">
<h2>world</h2>
</div>
</section>
<script type="text/javascript" src="script.js"></script>
See the Pen Auto-generated Scroll Nav by Peter Amende (@zutrinken) on CodePen.