2012-05-03 42 views
2

构建了一个应用程序我jQuery的移动,它几乎完成,并将应用程序部署到phonegap后,我们发现滚动和总体感觉不顺利,滚动缓慢,感觉怪异。 我试图几乎一切,jquery移动列表查看缓慢和不平滑滚动

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

谢谢

回答

0

有性能和滚动型较差,特别是在Android的几个问题。一般来说,你的DOM越复杂,滚动视图的性能就越差。 的JQM团队addresses this in their last major release

替代方法使用基于JavaScript的势头滚动条来实现固定的真正工具栏,但在平台的一小部分,这些只是工作,有非本地滚动物理学,并能带来性能和可用性问题在功能较差的设备上。

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

7

jquery.mobile-1.1.1

移除内容封装固定对我来说。

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

它的滚动与Safari浏览器中的网页一样平滑。

+0

@theRemix的答案效果出人意料地好,它不会制动应用程序。 它也适用于jQuery Mobile 1.2.0 Alpha,这仍然是一个问题。 –

+0

大声笑哇这实际上帮了很多! – used2could

+0

这真的很神奇!它也适用于我。但为什么呢?=) – Stan