Offsetting "top" position of vertical scrolling content
<p>I have a vertical-scrolling site controlled by a 200px tall fixed navigation bar at the top.</p>

<p>The animation itself is offset, so the desired content starts at the bottom of the navigation bar, but there are a few other elements that aren't as easy to configure:</p>

<ul>
<li><p><strong>Hashtags:</strong> index.html#about loads the content at the very top, so the first 200px get cut off by the navigation</p></li>
<li><p><strong>InView.js plugin:</strong> This detects the first viewable div, which is used to highlight the "current" navigation link. It starts at the very top as well, so when "about" is clicked (and scrolled to 200px), the navigation reads the div before it as being the first "viewable" div.</p></li>
</ul>

<p>What's the best way to handle this? Is there a universal solution, or should each issue be treated individually?</p>
