构建了一个应用程序i jquery mobile,它几乎已经完成,在将应用程序部署到phonegap后,我们发现滚动和总体感觉不顺畅,滚动速度慢,感觉很奇怪。 我几乎尝试了一切,
1)$document.bind("touchstart", function(event){})
2)$.mobile.buttonMarkup.hoverDelay = 0;
3)使用scrollview.js
4)删除了ul > li
并放置了divs
,删除了锚<a>
以上所有内容并没有任何变化,滚动仍然卡住。你有什么想法吗?
尝试在iphone中浏览应用程序,看看我在说什么。
谢谢
答案 0 :(得分:7)
<强> jquery.mobile-1.1.1 强>
删除内容包装器为我修复它。
<div data-role='content'> </div>
它在safari中滚动就像网页一样流畅。
答案 1 :(得分:0)
有一些性能不佳和scrollview的问题,尤其是在android上。通常,您的DOM越复杂,滚动视图的性能就越低。 JQM团队addresses this in their last major release:
替代方法使用基于JavaScript的动量滚动器来实现真正的固定工具栏,但这些只适用于一小部分平台,具有非本地滚动物理,并且可以在功能较弱的设备中引入性能和可用性问题。
因此,他们在最新版本中切换到了真正的固定工具栏(position:fixed
),这在大多数设备中都得到了支持。我认为这是最好的方式。