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

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

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

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

我在可滚动的DIV上测试它，它可以工作 – 但我不想为此添加任何不必要的标记。

有小费吗？

更多信息

好吧，它“有点”的工作原理如下：

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

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

有人对此有任何意见吗？

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

Answer 1

使用具有设定高度的Div，并使用div上的touchscroll执行滚动。 页眉和页脚可以作为DOM中相同级别的固定div保留。

Answer 2

不幸的是，iOS并没有完全支持fixed 。 http://caniuse.com/css-fixed