Class
After some research into the horizontal navigation bars, I have managed to get the navigation anchored throughout the page. When one term is clicked, it automatically goes down to the anchored point, so viewers of the website would not have to scroll through if the did not want to.
It ended up being a pretty simple solution, and I was glad that the code and functionality was not too complicated. I have written it below:
<div id=”nav”>
<ul>
<li><a class=”navbar” href=”#top”>Top</a></li>
<li><a class=”navbar” href=”#how_it_works_section”>How it Works</a></li>
<li><a class=”navbar” href=”#color_section”>Color</a></li>
<li><a class=”navbar” href=”#tutorial_section”>Tutorial</a></li>
<li><a class=”navbar” href=”#maintain_section”>Maintain</a></li>
</ul>
</div>
<a name=”color_section”></a>
I also have plans to animate it, so the jump isn’t so sudden and it just whisks you through the page.