モバイル画面でスクロールするとmobiサイトのアニメーションが停止する

Question

JavaScriptを使用してモバイルサイトにシンプルな視差効果を加えようとしています。

デスクトップブラウザからチェックするとうまく動作します。その時間にタッチを使ってモバイルデバイスとスクロールから確認すると、アニメーションがフリーズします。タッチスクリーンを放した後に再び表示されます。

タッチスクリーンを使用してスクロールするとアニメーションを維持する方法はありますか？

まあ、タッチスクリーンの携帯電話をスクロールしている間、まったく種類のJSアニメーションがフリーズします。

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

誰かがライブで問題を見たい場合は、それはデスクトップブラウザで大きな示すが触れてスクロールしながら、携帯電話のブラウザからアニメーションをフリーズここ

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

を見ています。

おかげ

Answer 1

残念ながらあなたがコンテンツをレンダリングすることを選択する方法をモバイルブラウザを制御することはできません。スクロール中にアニメーション化されたgifファイルのアニメーションが止まるIE6のように、モバイルブラウザはスクロール中にアニメーションを停止するように設計されていると思います。

言われているように、私はSafariの特殊効果のいくつかを試していて、iPhoneで印象的なことをやっている中等度の成功を収めています。また、 "PhoneGap"のようなライブラリがあり、電話用のネイティブ "Webアプリケーション"を書くことができます。

モバイルパフォーマンスの明示的な目的でゼロからアニメーション全体を作成する以外に、単純にそのスクリプトを動作させる方法はありません。