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

时间:2013-08-10 15:49:16

标签: ios css3 web-applications

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

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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