Google gmail on iPad: how do they scroll just the right hand side of the page?

views:

191

answers:

+2 Q:

Google gmail on iPad: how do they scroll just the right hand side of the page?

I am trying to do (EDIT: on a web-app destined primarily for the iPad) what Google does in gmail for iPad: the left-hand pane containing the list of messages stays put, and the right hand side of the screen (the message content pane) can be scrolled vertically with a touch-gesture.

How is this division of the page with right-side-only scrolling accomplished?

Thanks

You are looking for the UISplitViewController.

Try this link: Developing Split View Based Apps for the iPad, or the documentation page linked above.

Chris Cooper 2010-07-21 00:42:48

@Chris, thanks for the link -- I may return to it if I decide to learn Objective C which I've only looked at a little. I've edited my original post to make clearer that I'm trying to do this in the browser.

Tim 2010-07-21 11:37:37

@Tim: Sounds good. Also, I would include some web-oriented tags in future if you want to attract the right type of answerers since I, for example, know next-to nothing about web-programming.

Chris Cooper 2010-07-21 22:16:24

+1 A:

Assuming that it's in the web browser, I'd guess they're using CSS position: fixed;.

George Marian 2010-07-21 00:46:42

@George, I've read that webkit for Safari iPad does not support fixed-position elements, and so I'm guessing it will have to be more involved than that.

Tim 2010-07-21 11:23:38

@Tim Do you have link supporting that? I'd be interested in knowing if it's the case.

George Marian 2010-07-21 11:30:09

Or better yet, if you have an iPad, throw together a quick test.

George Marian 2010-07-21 11:31:20

As a guy who knows what that is and has an iPad to test it on - they're not. They've got two panels, both with one-finger scroll-ability, much like an iPad split pane app. I'm still not clear on how to achieve this effect, because overflow:scroll requires two-finger scrolling...

dingle_thunk 2010-07-21 23:20:04

@alirobe Please clarify: Are you saying that you've actually created a test case for `position: fixed` and verified that Safari on the iPad doesn't support it?

George Marian 2010-07-21 23:46:04

@chris I don't think they are, because gmail is a web based app, not a native ipad app. I'm not sure if this will help but take a look at this: http://www.domedia.org/oveklykken/css-div-scroll.php

amirrustam 2010-07-21 00:47:16

This should be added as a comment, if you're wanting to do "@someone"

Amber 2010-07-21 00:51:24

@Amber 50 rep points are necessary in order to post comments.

George Marian 2010-07-21 01:02:52

I don't see how this could be a bad answer.

George Marian 2010-07-21 01:13:16

@George ah, right... it's been a while since that was on my mind. :)

Amber 2010-07-21 03:09:58

@Amber It's certainly understandable. This is the second time I've pointed that out recently. :D

George Marian 2010-07-21 03:30:33

TBH, I'd think it'd make more sense that adding comments and adding answers should both not have rep requirements, but hey. :)

Amber 2010-07-21 03:52:20

@Amber Good point, maybe we should bring it up on meta.

George Marian 2010-07-21 07:39:28

I'm afraid overflow:scroll requires two-finger scrolling to actually scroll, which is quite user un-friendly considering the complete lack of a scrollbar.

dingle_thunk 2010-07-21 23:21:55

+1 A:

Use div scrolling. See Glovebox for example. Try this demo on the iPad.

Shazron 2010-07-21 01:18:25

@Shazron, thanks for this link. It looks as though it leads to interesting and helpful places. If this is the answer, I will come back here and give you credit for the help, which is appreciated.

Tim 2010-07-21 11:28:59

ansaurus

tags:

views:

answers:

Google gmail on iPad: how do they scroll just the right hand side of the page?

related questions