根据这篇文章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标签内的东西会在滚动时移动并重新连接到它的正确位置。我有什么办法可以解决这个问题吗?
有人对此有任何意见吗?
答案 0 :(得分:1)
使用具有设定高度的Div,并使用div上的touchscroll执行滚动。页眉和页脚可以作为DOM中相同级别的固定div保留。
<div id="fixedheader"></div>
答案 1 :(得分:0)
不幸的是,iOS并不完全支持fixed
。
http://caniuse.com/css-fixed