3

javascriptを使ってモバイルサイト用の簡単な視差効果を作ろうとしています。

デスクトップブラウザからチェックするとうまくいきます。モバイルデバイスから確認し、タッチオンでスクロールすると、アニメーションがフリーズします。タッチスクリーンを離すと再び表示されます。

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

そうですね、どんな種類の JS アニメーションでも、タッチ スクリーン モバイルをスクロールしているときにフリーズします。

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

誰かがライブで問題を見たい場合は、こちらをご覧ください

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

デスクトップ ブラウザでは問題なく表示されますが、モバイル ブラウザからのアニメーションは、タッチしてスクロールするとフリーズします。

ありがとう

4

1 に答える 1

1

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

そうは言っても、私はSafari固有のエフェクトのいくつかで遊んだことがあり、iPhoneで印象的なことをするのに中程度の成功を収めました。また、「PhoneGap」のようなライブラリがあり、電話用のネイティブな「Webアプリケーション」を作成できます。

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

于 2012-02-03T20:55:35.080 に答える