PhoneGap / Cordovaでアプリを作成し、slideUpなどの単純なアニメーションにJQueryライブラリを使用しました。
シミュレーターでは正常に動作しますが、実際のデバイスで試してみると、アニメーションは非常に分厚い低速で実行されます。
これをスピードアップする方法はありますか？または、別のトランジションフレームワークを使用する必要がありますか？
後者が本当なら、誰かが私が試すのに良いバージョンを提案できますか？
ありがとう
質問する
18301 次
2 に答える
25
jQueryアニメーションは、アニメーション化されるcssプロパティでsetIntervalを使用して実行され、モバイルデバイスではハードウェアアクセラレーションされません。
CSSトランジションは、ほとんどの最新デバイスでハードウェアアクセラレーションされているため、より適切な選択です。コストのかかるsetIntervalアニメーションの代わりにCSSトランジションを使用してjQueryアニメーションを確実に実行できるライブラリがドロップされています。
http://playground.benbarnett.net/jquery-animate-enhanced/
http://ricostacruz.com/jquery.transit/
これらを試してみてください。
Zepto.jsに欠けている機能を使用していない場合は、jQueryよりもはるかに小型で軽量で、モバイルデバイス専用に作成されているため、代わりに使用することを検討してください。
于 2012-06-21T23:57:37.997 に答える
3
ページのコンテンツを減らすことでプロセスをスピードアップできますが、これはおそらくあなたが求めているものではありません。良い解決策は、css遷移を使用することかもしれません。このように、古いブラウザはアニメーションを表示しませんが、新しいデバイスではスムーズに動作するはずです。優雅に劣化します。
于 2012-06-21T23:45:40.627 に答える