title: How can I use a javascript offset when linking to href's in HTML document?
body: <p>I am building a website with a fixed place menubar that is 35 px high on top of my page. In that menu I have four items that link to sections down the page. When I click on the links the page jumps to that section, but the 35 px menubar covers the top of the text.</p>
  
  <p>How can I modify this site so that when I jump down to a section it doesn't link me to the exact part of the HTML document, but 35 px higher to take into consideration the static menubar?</p>
  
  <p>I am doing this with href code:</p>
  
  <pre><code>&lt;a href="#links"&gt;&lt;li&gt;Links&lt;/li&gt;&lt;/a&gt;
  &lt;h1&gt;&lt;a name="links"&gt;Links&lt;/a&gt;&lt;/h1&gt;
  </code></pre>
  
  <p>Thanks!</p>
  
  <p>EDIT: Menubar code</p>
  
  <pre><code>&lt;div id="top-floating-bar"&gt; &lt;!-- Menubar --&gt;
  &lt;div class="row"&gt;
    &lt;div class="column grid_12"&gt;
      &lt;div class="fixed-bar-buttons"&gt;
        &lt;ul&gt;
          &lt;a href="#top"&gt;&lt;li&gt;Home&lt;/li&gt;&lt;/a&gt;
          &lt;a href="#links"&gt;&lt;li&gt;Links&lt;/li&gt;&lt;/a&gt;            
          &lt;a href="#resume"&gt;&lt;li&gt;Resume&lt;/li&gt;&lt;/a&gt;
          &lt;a href="#social"&gt;&lt;li&gt;Social&lt;/li&gt;&lt;/a&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt; &lt;!-- End the Menubar --&gt;
  </code></pre>