Skip to content Skip to sidebar Skip to footer
Home / Iframe / Ios / Iphone / Javascript / Jquery

Scroll Iframe Using Buttons - IPhone

Post a Comment
I'm creating the website where content is dynamically added using iframe (files of iframes are on the same server). Loaded iframe has buttons to scroll iframe content but I can't f

Solution 1:

I found several links that might solve this issue, but the one that I ran into the most was this:

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="example-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>

Other Links


Post a Comment for "Scroll Iframe Using Buttons - IPhone"