title: Iframe issues on iOS when not in viewport when overflow is scroll
body: <p>Per this blog post here (<a href="http://www.david-lewis.com/css/css-that-can-affect-performance-on-ipad-web-apps-or-phonegap/" rel="nofollow">http://www.david-lewis.com/css/css-that-can-affect-performance-on-ipad-web-apps-or-phonegap/</a>), there is a bug in iOS 5 that I have no idea on how to get around.</p>
  
  <p>Essentially like the title says, if you have a section of your site that is scrolls (I'm using the new <code>-webkit-overflow-scrolling</code>), and if there is an iframe out of the viewport, it will not load it.</p>
  
  <p>The blog post linked above says the following: </p>
  
  <blockquote>
    <p><strong>iFrames</strong></p>
    
    <p><strong>What is it</strong>: Using iFrames in overflow:scroll elements to show things
    like videos or maps <br/><strong>What’s the symptom</strong>: If you have an iframe that is
    outside of the viewport in an overflow: scroll element  (especially
    when using -webkit-overflow-scrolling: touch) then it will not render
    as you scroll to it<br/><strong>What’s the cure</strong>: no idea, please send me the
    answer</p>
  </blockquote>
  
  <p>Does anyone know how to fix this? I've been looking all over the web for a cure, but it is no luck. It seems to be that if you click on the iframe, it will show it after the click.</p>
  
  <p>This in my mind is a huge issue for people developing web-apps. Does anyone know of a fix?</p>