2

用jquery mobile搭建了一个app,差不多完成了,将app部署到phonegap后发现滚动和总感觉不流畅,滚动很慢,感觉怪怪的。我几乎尝试了一切,

1)$document.bind("touchstart", function(event){})

2)$.mobile.buttonMarkup.hoverDelay = 0;

3)使用scrollview.js

4)移除ul > li并放置divs,而不是移除锚点<a>

以上所有内容都没有改变,滚动仍然卡住。你有什么主意吗?

尝试在您的 iPhone 中浏览 Safari 中的应用程序,看看我在说什么。

http://saloona.co.il/mobile

谢谢你

4

2 回答 2

7

jquery.mobile-1.1.1

删除内容包装器为我修复了它。

<div data-role='content'> </div>

它的滚动就像 Safari 中的网页一样流畅。

于 2012-08-10T18:37:15.337 回答
0

性能和滚动视图不佳存在一些问题,尤其是在 android 上。一般来说,你的 DOM 越复杂,滚动视图的性能就越差。JQM 团队在他们上一个主要版本中解决了这个问题

替代方法使用基于 JavaScript 的动量滚动器来实现真正的固定工具栏,但这些仅适用于一小部分平台,具有非本地滚动物理特性,并且可能会在功能较弱的设备中引入性能和可用性问题。

因此,他们position:fixed在最新版本中切换到真正的固定工具栏 ( ),大多数设备都在使用该工具栏。我认为这是最好的方法。

于 2012-05-04T20:41:48.730 回答