Why won't the iframe div scroll on the iPad?

Question

I created an iframe inside a div, and I just can't get it to scroll (with 1 or 2 fingers) on the iPad. It works great on the iPhone, but only in landscape mode.

The iframe sets the height and width to 100% in the div, and the div is set with overflow-y: auto and overflow-x: hidden.

For reference, www.cramondkirkbadminton.net .

Can someone tell me what I'm doing wrong?

Thanks Campbell

Answer 1

Apply the style -webkit-overflow-scrolling: touch; to the iFrame that should do this.