title: How to Link to Specific Points in a Page
body: <p>I try to load specific location in same page. so I use this code and its work fine.
  Here the <a href="http://jsfiddle.net/sAdK5/7/" rel="nofollow">JSFIDDLE</a>.</p>
  
  <pre><code>&lt;div class="header"&gt;This is Header&lt;/div&gt;
  &lt;div id="nav" class="clearfix"&gt;
  &lt;a href="#headline1"&gt;1&lt;/a&gt;
  &lt;a href="#headline2"&gt;2&lt;/a&gt;
  &lt;a href="#headline3"&gt;3&lt;/a&gt;
  &lt;a href="#headline4"&gt;4&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="section"&gt;
  &lt;h1&gt;&lt;a name="headline1"&gt;Headline One&lt;/a&gt;&lt;/h1&gt;
  &lt;p&gt;Lorem ipsum dolor sit amet...&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="section"&gt;
  &lt;h1&gt;&lt;a name="headline2"&gt;Headline Two&lt;/a&gt;&lt;/h1&gt;
  &lt;p&gt;Lorem ipsum dolor sit amet...&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="section"&gt;
  &lt;h1&gt;&lt;a name="headline3"&gt;Headline Three&lt;/a&gt;&lt;/h1&gt;
  &lt;p&gt;Lorem ipsum dolor sit amet...&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="section"&gt;
  &lt;h1&gt;&lt;a name="headline4"&gt;Headline Four&lt;/a&gt;&lt;/h1&gt;
  &lt;p&gt;Lorem ipsum dolor sit amet...&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But the problem is, the header is fixed on position top. When I click the link <code>1</code>, the <code>Headline one</code> is goes back on header. So the <code>h1</code> content is not show.</p>
  
  <p>Please visit this <a href="http://jsfiddle.net/sAdK5/7/" rel="nofollow">Fiddle</a>. You can understand what I am try to say. <br>Thank you for your help.</p>