Slagveld3 wrote

So I got a problem with jQuery Mobile on the iPhone. Everything on my site is working great. Except for one iFrame. The problem only shows on the iPhone. For my iFrame I Use the code


<div id="scroller" style="height: auto; width: auto; overflow: auto -webkit-overflow-scrolling:touch;/>
                        <iframe height="100%" id="iframe" scrolling="no" width="100%" src="url" data-mce-src="url">
                        </iframe>
                    </div>


(The real url is replaced with url)

Anybody got any Ideas or alternatives ?

Just making an observation

overflow: auto -webkit-overflow-scrolling:touch;/>

overflow: auto; -webkit-overflow-scrolling:touch;" />

And from looking at the actual problem, have you got many scrolling Div elements?

A problem i have read about where one fails, was solved by the -webkit-overflow-scrolling:touch being removed and only added when it div element became visible...

Thanks for the reply but I already fixed it. Thank you anyways!