#navegacao {
padding:5px;
border:1px solid #eaeaea;
position:fixed;
background-color:rgba(255, 255, 255, .9);
}
#navegacao a {
display:block;
}
<div id="navegacao">
<a href="#prev">Recuar</a>
<a href="#next">Avançar</a>
</div>
<section id="primeiro" data-navegacao>
<h2>Primeiro</h2>
Maecenas libero odio, vulputate ut sagittis at, maximus at nibh. Nam leo mi, aliquet ac vestibulum a, porttitor vulputate magna. Maecenas eget elementum nunc. Suspendisse ex urna, commodo et neque eget, pulvinar rutrum mauris. Cras maximus metus cursus, maximus arcu a, iaculis sem. Proin sapien ante, pulvinar ac velit quis, aliquet maximus ante. Nullam lobortis sem diam, et sollicitudin velit sodales sed. Cras tincidunt magna eget ipsum vestibulum, in suscipit purus venenatis. Curabitur malesuada faucibus odio, quis gravida justo porta eu. Integer pellentesque pulvinar lacinia. Cras ut rhoncus tortor. Duis et dapibus magna. Nulla porttitor felis sed risus mollis congue. Mauris commodo, risus quis dignissim volutpat, nisl metus rhoncus metus, quis eleifend orci enim eu nunc. Ut sodales interdum urna, eu molestie lectus rutrum in. Sed condimentum nisi in ex dignissim sodales.
</section>
<section id="segundo" data-navegacao>
<h2>Segundo</h2>
Maecenas libero odio, vulputate ut sagittis at, maximus at nibh. Nam leo mi, aliquet ac vestibulum a, porttitor vulputate magna. Maecenas eget elementum nunc. Suspendisse ex urna, commodo et neque eget, pulvinar rutrum mauris. Cras maximus metus cursus, maximus arcu a, iaculis sem. Proin sapien ante, pulvinar ac velit quis, aliquet maximus ante. Nullam lobortis sem diam, et sollicitudin velit sodales sed. Cras tincidunt magna eget ipsum vestibulum, in suscipit purus venenatis. Curabitur malesuada faucibus odio, quis gravida justo porta eu. Integer pellentesque pulvinar lacinia. Cras ut rhoncus tortor. Duis et dapibus magna. Nulla porttitor felis sed risus mollis congue. Mauris commodo, risus quis dignissim volutpat, nisl metus rhoncus metus, quis eleifend orci enim eu nunc. Ut sodales interdum urna, eu molestie lectus rutrum in. Sed condimentum nisi in ex dignissim sodales.
</section>
<section id="terceiro" data-navegacao>
<h2>Terceiro</h2>
Maecenas libero odio, vulputate ut sagittis at, maximus at nibh. Nam leo mi, aliquet ac vestibulum a, porttitor vulputate magna. Maecenas eget elementum nunc. Suspendisse ex urna, commodo et neque eget, pulvinar rutrum mauris. Cras maximus metus cursus, maximus arcu a, iaculis sem. Proin sapien ante, pulvinar ac velit quis, aliquet maximus ante. Nullam lobortis sem diam, et sollicitudin velit sodales sed. Cras tincidunt magna eget ipsum vestibulum, in suscipit purus venenatis. Curabitur malesuada faucibus odio, quis gravida justo porta eu. Integer pellentesque pulvinar lacinia. Cras ut rhoncus tortor. Duis et dapibus magna. Nulla porttitor felis sed risus mollis congue. Mauris commodo, risus quis dignissim volutpat, nisl metus rhoncus metus, quis eleifend orci enim eu nunc. Ut sodales interdum urna, eu molestie lectus rutrum in. Sed condimentum nisi in ex dignissim sodales.
</section>