ios - iOS webapp 中 BODY 上的原生动量滚动

Question

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

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

但是，这不会改变我的网络应用程序中的任何内容。无论是否具有该属性，它都可以滚动。我希望像 native 应用程序那样有更长的发展势头。

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

有什么建议吗？

更多信息

好的，它“有点”像这样工作:

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

但是，任何在 BODY 标签内带有 position:fixed 的东西都会在滚动时移动，并在滚动停止时重新连接到正确的位置。我可以做些什么来解决这个问题吗？

有人对此有任何意见吗？

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

Answer 1

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

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