title: I got an scroll position problems when I link anchor from page1 to page2 with a fixed header
body: <p>I got an scroll position problem. When I link anchor from page2 to page3, page3 is under the fixed header. BTW, page1 and page2 share the same fixed header and in the same <code>&lt;iframe&gt;&lt;/iframe&gt;</code>. Here are my page:</p>
  
  <p>page1:</p>
  
  <pre><code> &lt;html&gt;
      &lt;body&gt;
          &lt;header class="fixed"&gt;&lt;/header&gt;
          &lt;iframe src="page2"&gt;&lt;/iframe&gt;
      &lt;/body&gt;   
  &lt;/html&gt;
  </code></pre>
  
  <p>page2:</p>
  
  <pre><code>&lt;html&gt;
      &lt;body&gt;
          &lt;div id="navigation&gt;
              &lt;a href="page3.html&gt;&lt;/a&gt;
          &lt;/div&gt;
          &lt;div id="main"&gt;
              content
          &lt;/div&gt;
      &lt;/body&gt;    
  &lt;/html&gt;
  </code></pre>
  
  <p>page3:</p>
  
  <pre><code>&lt;html&gt;
      &lt;body&gt;
          &lt;div id="navigation&gt;
              &lt;a href="page2.html class="anchor"&gt;&lt;/a&gt;
          &lt;/div&gt;
          &lt;div id="main"&gt;
              content
          &lt;/div&gt;
      &lt;/body&gt;    
  &lt;/html&gt;
  </code></pre>
  
  <p>When I click the link a.anchor in the page2, the whole iframe is under the header. But I can make it look normal when I move my mouse to the top. 
  Here's the example of the <a href="http://i.stack.imgur.com/VZITG.png" rel="nofollow">page3</a>. When I link page2 to page3, the scroll doesn't go to the top of the whole html. The distance between then is the height of the fixed header.</p>
  
  <hr>
  
  <p>I try to change the scroll position of the window by Javascript, but it dosen't work. How to solve it?</p>
  
  <p>I hope that I make my question clear to you.</p>