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

前端之家收集整理的这篇文章主要介绍了在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相关文章