css3 - Native-like momentum-scrolling on BODY in iOS webapp -

according article http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/ 1 should able enable native-like momentum-scrolling this:

body{         -webkit-overflow-scrolling: touch;     }

however, doesn't change in webapp. scrolls same or without property. expected have longer momentum native apps do.

i tested on scrollable div, works - don't want add unnecessary markup this.

any tips?

further info

ok, "kind-of" works this:

html, body {     height:100%;     overflow: scroll;     -webkit-overflow-scrolling: touch;     position:relative; }

however, position:fixed inside body-tag moves while scrolling , re-attaches it's correct position when scrolling stops. there can fix this?

anyone having input on this?

use div set height, , perform scroll touchscroll on div. header , footer can remain fixed divs @ same level in dom.

<div id="fixedheader"></div>

Shashtri