title: DOM update inside IFRAME scrolls wrapper element to top
body: <p>I have a host application that's loading a guest application inside an iframe. The iframe, in turn, is wrapped inside a div with overflow-y set to auto so it will scroll the guest application if it overflows.</p>
  
  <p>On iOS 8, if anything in the DOM of the guest application is updated, the scrolling element hosting the iframe jumps to the top and is sometimes unresponsive to scrolling for a few seconds.</p>
  
  <p>I set up a sample page to see this issue in action. View it from an iOS 8 device: <a href="http://jonathantower.github.io/" rel="nofollow">http://jonathantower.github.io/</a></p>
  
  <p>This sample hosts a page inside a full-screen iframe and scrolls it as described above. It also updates the first paragraph to a random number every 5 seconds. If you scroll the number off screen on iOS 8, you will see it jump within 5 seconds. Note that this does not occur in other browsers.</p>