Why won't iframe div scroll on iPad?
I have created an iframe within a div, and I just can't seem to get it to scroll (with either 1 or 2 fingers) on the iPad. It works fine on an iPhone, but only when in Landscape mode.
The iframe is set to a height and width of 100% within the div and the div is set with overflow-y: auto and overflow-x: hidden.
For reference, the site is www.cramondkirkbadminton.net.
Can anyone let me know what I'm doing wrong?
Thanks, Campbell
Apply the style -webkit-overflow-scrolling: touch;
to the iFrame, that should do it.