15

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

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

有人对此有任何意见吗？

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

4

2 回答 2

1

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

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

于 2014-07-31T19:15:19.667 回答
0

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

于 2014-01-31T23:22:05.160 回答