title: Hash location with offset
body: <p>I have some trouble with my navigation on an one page design. Below is my code. The code works fine on the homepage. </p>
  
  <p>The fixed header will not overlap the section part and it works great. But when I am on a single page of the website, and click on a menu item that links to a section on the homepage like <code>&lt;a href="index.html#video"&gt;&lt;/a&gt;</code> the scroll animation will animate to that section, but then the fixed header is overlapping that section part, when you wait a second of 3 it will turn back to its right place.</p>
  
  <p>I think the animation will execute 2 times, but I don't now if that is the issue. Also I was wondering how to code, when the user is refreshing the page it will turn back to the top of the browser window. </p>
  
  <p>JS Fiddle:</p>
  
  <p><a href="http://jsfiddle.net/E773g/42/" rel="nofollow noreferrer">http://jsfiddle.net/E773g/42/</a></p>