iFrame scrolling doesnt work on iphone

how to fix it?
http://www.tuning.ru/test_hre.html

air

Posted on Mar 24, 2011 3:32 AM

Reply
2 replies
Sort By: 

Sep 26, 2012 10:22 PM in response to platinummf

User csdco (https://github.com/fancyapps/fancyBox/issues/2#issuecomment-5997068) has provided a simple answer that solved the issue for me.



-----------------------------------

It's much easier to control overflowed divs than it is iframes, and the scrolling + blank content issues are working all the way back to iOS 4, where previously I wasn't even able to get the 2 finger scrolling to work (in iframes).



It goes something like this:

<iframe id="stupid-iframe" width="600" height="200" src="a-file.html"></iframe>



a-file.html:

<html>

<body>

<div id="wrapper" style="width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;">

...

</div>

</body>

</html>

Reply

Sep 27, 2012 10:10 AM in response to Bob Jansen

Its a neat solution but I can't image why anybody would want to use an iframe on a site to be viewed on a smart phone.


The iframe can only have a max width of about 300px for it to be viewable.


When you create an iframe in an iWeb snippet you are creating a page within a page within another page. This is not good practice on any website and is just downright stupid for smart phone users who are downloading over wireless connections with data limits.


If you want to cater to smart phone users, the only option with iWeb is to create a separate site for them. The content of this should be cut to the bone, all the images resized and movie files suitably reduced in size and provided in the correct formats.


Example...


http://www.iwebformusicians.com/iWeb/Mobile-iWeb.html

Reply

This thread has been closed by the system or the community team. You may vote for any posts you find helpful, or search the Community for additional answers.

iFrame scrolling doesnt work on iphone

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple Account.