iOS webapp中BODY上的原生动态滚动

Rap*_*ger 15 web-applications css3 ios

根据这篇文章http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/,应该能够像这样启用类似本机的动量滚动:

body{
        -webkit-overflow-scrolling: touch;
    }
Run Code Online (Sandbox Code Playgroud)

但是,这不会改变我的webapp中的任何内容.它有或没有该属性滚动相同.我希望像本机应用程序一样有更长的动力.

我在一个可滚动的DIV上测试它,它可以工作 - 但我不想为此添加任何不必要的标记.

有小费吗?

更多信息

好吧,它"有点"的工作原理如下:

html, body {
    height:100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    position:relative;
}
Run Code Online (Sandbox Code Playgroud)

然而,任何位置:固定在BODY标签内的东西在滚动时移动,并在滚动停止时重新连接到它的正确位置.有什么我可以做的来解决这个问题吗?

有人对此有任何意见吗?

小提琴:http: //jsfiddle.net/nMxEg/1/

emp*_*lls 0

不幸的是,iOS 并不完全支持fixed. http://caniuse.com/css-fixed