some issues with div scroll

[Adam]

I have a layout with three divs.like below:
<div id="header">header<div>
<div id="content">content</div>
<div id="footer">footer</div>


header always on top and footer always on bottom.

I set style overflow:auto to the content layer.

Although I have enough stuff in the content layer, the scroll cannot
work.

[akan...@gmail.com]

Have you try iScroll? I think it's the solution for your problem.

Regards

Sent from my BlackBerry®
powered by Sinyal Kuat INDOSAT

--
You received this message because you are subscribed to the Google
Groups "phonegap" group.
To post to this group, send email to phon...@googlegroups.com
To unsubscribe from this group, send email to
phonegap+u...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/phonegap?hl=en?hl=en

For more info on PhoneGap or to download the code go to www.phonegap.com

[Kerri Shotts]

switch to:

overflow: scroll;

-webkit-overflow-scrolling: touch;

in your css and see how that goes. Be sure to set your header and footer to position:fixed so they don't scroll right along with the content.

The problem you'll run into is that your app will bounce at the top and bottom of your content, which is a dead give-away that your app isn't native. The only way around that at the moment is to switch to iScroll or Scrollability, etc. Unfortunately their scrolling implementation doesn't feel 100% native, so it really depends on what you're willing to give up. I'm using iScroll-lite to keep scrolling speeds as close to native as possible, since there's no total solution for the bounce at the top and bottom of content using native scrolling.

[Captain Obvious]

iScroll is similar to if somewhat less ancient than http://fu2k.org/alex/css/frames/scalable/

Both have problem of small "shift" (down and right) of one or two pixles whenever a select list or input[type='range'] receive the focus, dammit.

[Kerri Shotts]

Yes, unfortunately. An irksome problem, that I have no idea how to work around. *sigh*

Most unfortunate because I simply /can't/ use native scrolling. I've tried. Several times. (And it's hard, because my app is quite tied into iScroll at the moment, so I have to undo a lot of code to try...) I can get /very/ close, but never close enough. Some nutty bug always catches me in the end, and it's back to iScroll and the twitchiness with selects and ranges.

Sigh.

On Tuesday, February 28, 2012 3:16:58 PM UTC-6, jt wrote:

iScroll is similar to if somewhat less ancient than http://fu2k.org/alex/css/frames/scalable/

Both have problem of small "shift" (down and right) of one or two pixles whenever a select list or input[type='range'] receive the focus, dammit.

On Tuesday, February 28, 2012 3:16:58 PM UTC-6, jt wrote:

iScroll is similar to if somewhat less ancient than http://fu2k.org/alex/css/frames/scalable/

Both have problem of small "shift" (down and right) of one or two pixles whenever a select list or input[type='range'] receive the focus, dammit.

[jcesar]

Adam, did you test to scroll with two fingers? with overflow auto, the
native web scroll is two fingers

[Adam]

iScroll is the solution.

Thanks