title: Using scrollIntoView with a fixed position header
body: <p>I have a site with a header set to <code>position: fixed</code>. On one of my pages, I use <code>scrollIntoView(true)</code> on an element. My problem is that when <code>scrollIntoView</code> is called, the element gets positioned underneath the header. How would I fix this so that the element is shown just below the header?</p>
  
  <p>I'm using the Bootstrap framework and the header is styled with <code>navbar navbar-fixed-top</code>.</p>