title: Adding an automatic offset to the scroll position for all hash-links/calls
body: <p>I have the following problem:</p>
  <p>Like on Facebook, I have a menu bar at the top of the page that is always visible (<code>position: fixed;</code>). When I now click hash-links on my page (or load a new page with a hash in the url) to jump to a certain element on the page, the browser always scrolls this element to the very top of the page, meaning that the element is behind the top menu bar, afterwards.</p>
  <p>I'd like to add some Javascript (jQuery or normal Javascript) that automatically adds a (negative) offset to this scroll position, so that the linked element is positioned right <em>under</em> the top menu bar when a link is clicked or the page is loaded. But I don't just want to add event listeners to all links that take care of this. I also want a solution that works, if the page is loaded with a hash portion in the url using the browser's address bar (or when linking to a different page with a hash at the end of the url).</p>
  <p>Can you help me with this, please? Thanks in advance! :)</p>