在iOS webapp中,BODY上的Native-like动量滚动

根据这篇文章 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/

解决方法

使用设置高度的Div,并使用div上的touchscroll执行滚动.页眉和页脚可以保持为DOM中相同级别的固定div.
<div id="fixedheader"></div>

以上是来客网为你收集整理的在iOS webapp中,BODY上的Native-like动量滚动全部内容,希望文章能够帮你解决在iOS webapp中,BODY上的Native-like动量滚动所遇到的程序开发问题。

如果觉得来客网网站内容还不错,欢迎将来客网网站推荐给程序员好友。