2011-04-17 51 views
3

有了這個項目,我們必須製作一個iPad HTML5。使用Backbone和jQuery Mobile,我們認爲我們已經贏得了勝利,但jQuery Mobile似乎引發了更多的問題。使用諸如jQuery Mobile進行頁面轉換之類的事情是痛苦的緩慢,波濤洶涌和g(不馴的感覺(我明白它仍然在Alpha中)。iPad 1上的雜亂CSS3轉換問題(舉例)?

對於我們的需求,我們確實需要一種平滑的頁面間轉換方式。我開始做一些實驗,看看我能否讓他們更好的定製解決方案。我覺得我對此非常接近,但動畫仍然顯得波濤洶涌。我想知道有沒有其他方法可以解決這個問題?或者,如果有足夠的信息幫助獲得這種堅如磐石的信息?我使用的是translateX()/ translateY()CSS3(硬件加速)轉換來確保它獲得最佳性能,但它的性能仍然不可靠。有時候沒關係,有時候沒有關係。

我已經上傳了一個例子...請注意,這隻在Chrome/Safari(它看起來很好)和iPad第一代移動Safari(它看起來不穩定)中測試過。如果你碰巧有一個iPad的方便,請看看下面這個例子......

http://littlejim.co.uk/code/ipad/jquery-plugin-page-transitions/

它由一個基本的插件,因爲一旦我有這個釘我想更多的發展它。

任何人都可以幫忙嗎?我只是想知道爲什麼它在iPad上仍然不穩定?

更新:我嘗試使用translate3d()以及translateX和translateY(),沒有什麼區別。

+0

這裏有什麼進展?我也用iPad的HTML5「應用程序」使用jQuery Mobile Framework。過渡如你所說的波濤洶涌和詭異 – nitech 2011-05-19 10:12:39

+0

與開發JavaScript相同的問題,只能在iPad上像你一樣。我也很想找到解決方案 – 2011-06-18 06:10:33

回答