iframes and scrolling on the iphone

614 views
Skip to first unread message

Jonathan Hawkes

unread,
Jul 6, 2010, 1:14:30 PM7/6/10
to jqtouch
I was aware of multiple scrolling libraries (TouchScroll, iScroll) for the iPhone/iOS due to its inability (???) to support overflow:scroll . However, I was not aware (and I am looking for confirmation) that IFRAMEs don't really work either. It appears that the iframe doesn't respect any attempt to give it a fixed size and always just resizes itself to its content. Am I correct on this? Is the only way to scroll an IFRAME to place it inside a block element with the overflow CSS property set and then to use a lib like the aforementioned?

This article - http://ajaxian.com/archives/touchscroll-implementing-scroll-physics-in-js-and-css - seems to indicate that this work has been duplicated in jQTouch, but I see nothing in the codebase to indicate that this is a true statement. Also, the article hints at the purpose of the lib being "better" scrolling than the native scrolling. And not that, as I have found, native scrolling is non-existant.

A point in the right direction would be appreciated.

Thanks!
-Jonathan

Thomas Yip

unread,
Jul 6, 2010, 7:05:47 PM7/6/10
to jqt...@googlegroups.com

You’re correct. jQTouch doesn’t support scroll with fixed toolbar.

 

I have been trying integrate iScroll myself. Most bugs on both lib were related to preventDefault() called when it shouldn’t. I got them kind of “working” together. Touch and scroll is influencing with each other.

 

When I am done, I plan to post it back to googlecode’s issue tracking.

Thomas

unread,
Jul 7, 2010, 6:07:35 AM7/7/10
to jQTouch, Thomas Yip
I got iScroll and jqTouch works along. Patch in the issue page.
http://code.google.com/p/jqtouch/issues/detail?id=411&start=100


On Jul 6, 4:05 pm, "Thomas Yip" <thomas....@gmail.com> wrote:
> You're correct. jQTouch doesn't support scroll with fixed toolbar.
>
> I have been trying integrate iScroll myself. Most bugs on both lib were
> related to preventDefault() called when it shouldn't. I got them kind of
> "working" together. Touch and scroll is influencing with each other.
>
> When I am done, I plan to post it back to googlecode's issue tracking.
>
> From: jqt...@googlegroups.com [mailto:jqt...@googlegroups.com] On Behalf
> Of Jonathan Hawkes
> Sent: Tuesday, July 06, 2010 10:15 AM
> To: jqtouch
> Subject: [jQT] iframes and scrolling on the iphone
>
> I was aware of multiple scrolling libraries (TouchScroll, iScroll) for the
> iPhone/iOS due to its inability (???) to support overflow:scroll . However,
> I was not aware (and I am looking for confirmation) that IFRAMEs don't
> really work either. It appears that the iframe doesn't respect any attempt
> to give it a fixed size and always just resizes itself to its content. Am I
> correct on this? Is the only way to scroll an IFRAME to place it inside a
> block element with the overflow CSS property set and then to use a lib like
> the aforementioned?
>
> This article -http://ajaxian.com/archives/touchscroll-implementing-scroll-physics-i...
Reply all
Reply to author
Forward
0 new messages