title: how to fix chrome flicker on iframe page reload
body: <p>Chrome flickers when reloading content in iframes. Can this be avoided in any way, thinking of:</p>
  
  <ul>
  <li>Wrapping a-links with js that does some magic.</li>
  <li>Meta-tags in content-html. (I have source control over the html in the iframes)</li>
  </ul>
  
  <p>Please note that the content-type in the iframe may vary (pdfs, html, images) so <em>if</em> ajax is the only way out here, does it reflect the http-content-type back to the iframe?</p>
  
  <p>Please visit the demo at <a href="http://jsfiddle.net/2tEVr/" rel="nofollow noreferrer">http://jsfiddle.net/2tEVr/</a></p>
  
  <p>Excerpt of fiddle:</p>
  
  <pre><code> &lt;iframe name="if" width="800" height="600"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p><strong>UPDATE</strong></p>
  
  <p>The solution that worked best for me was to replace regular href's with ajax-requests, repopulating the body-area, (solution 4 below) Flickering is gone but comes at a price of akward debugging since sync between content and "view-source" is lost on ajax-request.</p>
  
  <p>Also, since the content-type in my case may change, the method for performing the ajax-request had to have some brains and possibly fall back to regular location request.</p>
  
  <p>regards,</p>