title: iFrame modal scrolling on ipad/iphone
body: <p>I'm working on a project on which I'm creating a modal. Basically, I have an overlay with <code>position: fixed;</code> The overlay contains an iFrame with the content of the modal. The iFrame can vary in height and when it does not fit the viewport the content gets cut off. Furthermore, when I scroll in the modal the only thing that scrolls is the background layer behind the overlay.</p>
  
  <p>You are supposed to be able to scroll down in the iframe without the background layer moves. How can I achieve this?</p>
  
  <p>Everything works fine in Firefox, Safari, Chrome and even in IE8. However, the issue only appears on iPad/iPhone.</p>
  
  <p>You can see a working demo of the issue here: <a href="http://mcash.dk/dev/overlay/" rel="nofollow">http://mcash.dk/dev/overlay/</a></p>