mobi網站動畫在手機屏幕上滾動時停止

我想爲使用javascript的移動網站製作簡單的視差效果。mobi網站動畫在手機屏幕上滾動時停止

從我的桌面瀏覽器檢查時，它工作正常。當我從移動設備上檢查它並在該時間使用觸摸進行滾動時，動畫會凍結。它在釋放觸摸屏後再次顯示。

當我使用觸摸屏進行滾動時，有任何方法可以保持動畫效果嗎？

好吧，任何一種JS動畫都會在你通過觸摸屏移動時滾動。

lft = 0; 
setInterval(function(){ 
    lft++; 
    $('#my-div').css('margin-left',lft+'px');  
},100);

如果有人想看到活的問題，這裏有

http://johnpolacek.github.com/scrollorama/

它顯示在桌面瀏覽器不錯，但同時觸摸，滾動從手機瀏覽器凍結動畫看看。

感謝

來源

2012-02-03 Hasanavi

你應該附加一些代碼，以便人們可以看到你所想要的。 – easwee 2012-02-03 13:39:49

當你在觸摸屏上滾動時，任何類型的動畫都會凍結。我已經添加了一個示例。 – Hasanavi 2012-02-03 14:03:26

不幸的是你無法控制的瀏覽器如何移動選擇呈現內容。就像在IE6中，動畫gif文件在滾動期間停止動畫時，我認爲手機瀏覽器旨在在滾動期間停止動畫。這就是說，我玩過一些Safari的特效，並在iPhone上做了令人印象深刻的東西，取得了中等的成功。還有像「PhoneGap」這樣的庫，它允許你爲手機編寫原生的「網絡應用程序」。

除了從頭開始創建整個動畫以表達移動性能的目的外，我沒有看到簡單地製作該腳本的方法。

來源

2012-02-03 20:55:35 farina

是的，我想是的。但是我已經發現了iPhone/Android的幾個例子，而它在刷卡時就是動畫。例如，如果你從你的手機到這裏。 http://dev.sencha.com/deploy/touch/examples/kitchensink/然後用戶界面 - > Carousel。您將同時看到滑動和動畫。我想知道它背後的訣竅。有任何想法嗎？ – Hasanavi 2012-02-03 22:45:59

因此，您可能需要深入研究他們正在使用的Sencha Touch腳本[http://www.sencha.com/products/touch/]。如果您可以找到非縮小版本，請查找「傳送帶」方法。這很可能會導致你完全如何實現這種平穩過渡。 – farina 2012-02-06 18:09:06

mobi網站動畫在手機屏幕上滾動時停止

回答

相關問題