title: Link to a location on another page, with an offset
body: <p>How can I link to a div on another page, but with an offset of about 50px?</p>
  
  <p>My issue here is that I have an element on a page that I link to from another page, for the sake of example let's call these page1.html and page2.html</p>
  
  <p>page1.html has this:</p>
  
  <pre><code>&lt;a href='$URL/page2.html#div'&gt;Link&lt;/a&gt;
  </code></pre>
  
  <p>When clicked, it takes me to page2.html and moves the page to the div, however I have a fixed header on all pages that is about 50px high, this covers the text that I wanted the link to take me to.</p>
  
  <p>What would I need to do to have this link go to that div, with an offset of 50px?</p>
  
  <p>I <em>CANNOT</em> simply add a margin or link to anything above this div.</p>
  
  <p>Edit: I cannot modify page2.html, only page1.html.</p>
  
  <p>Edit2: I have access to js/page2.js and css/page2.css, just not to page2.html</p>