在iOS webapp中,BODY上的Native-like动量滚动
2019年12月25日
作者:佚名
根据这篇文章
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动量滚动所遇到的程序开发问题。
如果觉得来客网网站内容还不错,欢迎将来客网网站推荐给程序员好友。