JQuery移动滚动在iOS上不平滑
我有一个用JQuery 1.4编写的多页应用程序，显示在一个iOS WebView中。它使用静态标题，内容有20个左右的div，嵌入图像和文本。我不使用PhoneGap。
在WebView和Safari中，我可以垂直滚动内容，但在iOS应用程序中没有得到相同的平滑度(也就是说，在手指向上滚动=“光滑”滚动之后，滚动会持续一段时间)。当我的手指从屏幕上掉下来时，卷轴就会停止。
当涉及到JQuery移动中内容的平滑滚动时，是否存在一个我不知道的设置或问题？
回答 5
Stack Overflow用户
发布于 2014-03-14 07:45:02
我认为这与这样一个事实有关:您不再滚动<body>元素，而是一个JQuery移动页<div>。如果您在没有<div>移动的情况下使JQuery可滚动，您应该能够复制这种起伏不定的体验。
你要寻找的实际上是动量滚动，有时也被称为惯性滚动。
据推测，您应该能够将css属性-webkit-overflow-scrolling: touch;添加到您希望向其添加动量滚动的div中，并且它应该能够工作，但我无法在Page<div>上使其工作。我试着把它添加到身体上，我能够得到正确的滚动，但我的固定标题开始跳来跳去，而我正在滚动。
如果你没有固定的标题，可以随意尝试。
body {
-webkit-overflow-scrolling: touch;
}Stack Overflow用户
发布于 2015-04-15 09:12:13
对我们来说，问题就在jQuery手机的CSS中，我们就这样解决了它：
.ui-mobile .ui-page-active{display:block;overflow:visible;/*overflow-x:hidden*/}修正了我们的滚动错误。
overflow-x: hidden把事情搞砸了。
Stack Overflow用户
发布于 2014-01-18 00:45:15
也许问题在于它需要大量的处理能力来绘制那些图像/div。你压缩你的文件了吗？
你可以在这里读到更多：
图像压缩http://www.html5rocks.com/en/tutorials/speed/img-compression/ **滚动到底部，以获得您可以使用的应用程序的链接
http://www.html5rocks.com/en/tutorials/speed/css-paint-times/ **确保单击底部的“连续绘制时间”链接查看如何配置绘制时间。
希望这能有所帮助！
https://stackoverflow.com/questions/21198459
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号