Floating link bar

by jshacker

HTML

<div id="top">Top of the page</div>
<div id="navigation">Navigation</div>
<div id="mainContent">Main content</div>

<section id="quickLinks">
  <a href="#top">top</a> | <a href="#navigation">go to navigation</a> |
  <a href="#mainContent">go to content</a>
</section>

CSS

div {
  height: 100vh;
}

#quickLinks {
  background-color: black;
  padding: 10px;
  position: fixed;
  bottom: 30px;
  right: 30px;
}

#quickLinks a {
  color: white;
}