Can't Scroll Iframe On Mobile Ios Safari

Even with overflow set to scroll, can't get the google forms iframe in an overlay to scroll, instead the background underneath keeps scrolling on mobile. It scrolls inside the ifra

Solution 1:

If other answers do not work for you (as they did not work for me), please check out this code:

<divstyle="overflow: auto!important; -webkit-overflow-scrolling: touch!important;"><iframe>Loading...</iframe></div>

Solution 2:

Take care of the position Attribute.

<iframesrc="www.website.com/"style="position:absolute; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">
Your browser doesn't support iframes
</iframe>

I set the position to "absolute" and it has fixed it.

*also play with those attributes:

scrolling="no" (or "yes", depends on your need)

overflow: scroll; (or instead of "scroll", use one of those: visible|hidden|auto|initial|inherit;)