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

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

概述根据这篇文章 http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/应该能够启用像本地的动量滚动这样: body{ -webkit-overflow-scrolling: touch; } 但是,这并不会改变我的webapp的任何内容.它或者不带这个属性的卷轴是相同的.我预计本土应用程序的动力将会更长. 根据这篇文章 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动量滚动所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1109454.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存