iFrame Scrolling Problem on iOS

Hi,

on my site ‘gesundzeit.eu’ I’ve created a popup div with an iFrame inside (NavBar “TERMIN”). Apparently there is a problem on iOS wich doesn’t allow scrolling in iFrames (Scroll IFRAMEs on iPhone and iPad). I’ve tried the solution but it didn’t work (I have basically no idea of HTML and CSS…).

Would be great if someone could find a solution, I’ve been sitting on this for hours…

Thanks so much for your help!

Cheers,
Jan

https://preview.webflow.com/preview/gesundzeit?preview=70b92870e12f1e18bcffc3fd20f5a398

Hi Jan,

Thanks for the link, I took a look at the site and also tested with this myself and the scroll is working fine for me on iOS with the overflow on the fixed div set to overflow Auto:

Set up my test with the content you had, plus a blue div at the end, to show:

https://cl.ly/1W3Z3i0U3H2X/Screen%20Recording%202017-04-06%20at%2010.07%20AM.mov

Sometimes rendering issues on mobiles with overflow can be tricky. Another factor is the iframe which is trying to iframe in a full html dom, and some browsers will not render that, so it is good to keep in mind.

I hope this helps.