CODEWITHSUNDEEP
ipadbrowserscrollgmail
Tim
Tim

Reputation: 5421

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

Upvotes: 4

Views: 2155

Answers (6)

Bob Spryn
Bob Spryn

Reputation: 17812

After trying to reverse engineer the gmail scrolling and the apple ipad help scrolling, I was directed to http://cubiq.org/iscroll-4.

iscroll-light is great if you only need the smooth scrolling abilities.

Upvotes: 2

Vinay
Vinay

Reputation: 1

Use touchstart, touchmove and touchend events. You would also need to prevent the event from bubbling up - preventDefault.

Upvotes: 0

Shazron
Shazron

Reputation: 2488

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

Upvotes: 2

Amir Rustamzadeh
Amir Rustamzadeh

Reputation: 4528

@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

Upvotes: 0

George Marian
George Marian

Reputation: 2669

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

Upvotes: 0

Chris Cooper
Chris Cooper

Reputation: 17584

You are looking for the UISplitViewController.

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

Upvotes: 0

Related Questions