Scrolling issue on iPad

Question

Hi!We have an eLaerning course published via Captivate and we're displaying it via an iframe on our website, but when we view this on an iPad we can't scroll over it. We have to scroll by swiping on an area of the webpage that isn't the iframe. I've tried using the usual fix  -webkit-overflow-scrolling:touch !important; but this and nothing else I try works. Does anyone know how to get it working?Thanks!

markclaxton_ · Accepted Answer

Check out this blog. Is this similar to what you tried?

https://davidwalsh.name/scroll-iframes-ios

Yeah, that was what I tried, the code was fine. It was the output from Captivate that was causing the issue.

When I published the course the option for 'mobile gestures' was enabled. I turned this off and I was able to scroll properly. Thanks for the help!

TLCMediaDesign · Answer

I think you are going to have to put the iFrame inside of a div and set the CSS to the div.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded