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

css - Which browser returns the correct result for getBoundingClientRect of an SVG element? -

gcc - Calling fftR4() in c from assembly -

.htaccess - Matching full URL in RewriteCond -