Still no solution for iFrame scrolling

Question

sjordi Author

Level 1

128 points

Still no solution for iFrame scrolling

Hi,

I really need to let iPad users scroll into an iFrame.

Despite what is said, this does not work.

Using two fingers doesn't scroll anything.

My website has an embedded WordPress blog, that's why it uses an iFrame.

Even if you an object instaed of an iFrame and even if you add the

-webkit-overflow-scrolling:touch

and the

overflow:auto

tags, it doesn't work.

It looks like it's supposed to secure browsing, since the iFrame will embed

an external site (that's my case).

But still, this means iPad users won't be able to read blogs. I think that this

is not serious.

I have tried the iScroll 4 library but still, either it doesn't work or it does but

the iFrame content is not refreshed and shows a blank content instead.

Did anyone here achieve embedding a WordPress blog into a scrollable iFrame?

Thanks to let me know how.

Steve

iPad, iOS 5.1

Posted on Mar 29, 2012 2:19 AM

Reply

Answer 1

Apr 5, 2012 3:06 PM in response to sjordi

Sjordi:

In the page you want to scroll, add this javascript:

this.height=100%;

</script>

-Daniel Morgan

Reply

Answer 2

Sep 26, 2012 10:20 PM in response to moneydick

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:

a-file.html:

<html>

<body>

...

</div>

</body>

</html>

Reply