IPhone Safari: scrolling list inside html container

Question

I have researched this topic a lot and have not yet found a satisfactory answer:

How to create a scrollable list (list of iPhone SDK panels) inside some other html content? If I create a list inside the html body and I try to scroll the whole page, it scrolls. I know this is a double-finger scroll, but that’s not what I want.

Is there a way to prevent the entire iPhone Safari webpage from scrolling and instead include other lists inside the scroll? How to redirect java script events?

Background: the idea is to simulate the behavior of a real native application with tabs at the bottom and a selection list in the body.

Appreciate any tips! Thanks Patrick

Answer 1

There is another possibility, with a slightly nicer scrolling simulation: http://cubiq.org/scrolling-div-on-iphone-ipod-touch/5

Answer 2

Well, after consulting with friends, I found the answer to this question:

http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/

enjoy.

Answer 3

http://cubiq.org/scrolling-div-on-iphone-ipod-touch/5 script!! , doctyper, , , . , . , , script (, doctyper , ).

script.

Answer 4

: Scrollability.