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?

fiddle: http://jsfiddle.net/nmxeg/1/

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

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


Comments

Popular posts from this blog

mod rewrite - Using "?" when rewriting the URL -

.htaccess: Transfer name to index.php if not directory public -

Admob integration with pygame in android -