2012-01-03 5 views
8

私はiPhoneを持っています& Phonegap & JQtouchアプリ。jquery animate - > css -webkit-transform:translate3d

今、私が使用します。

$('someElement').animate(...); 

画面を切り替えるために。

問題はパフォーマンスが非常に悪いことです。

私は、「CSSの-webkit-変換:translate3d」でそれを行うにはもっと良い方法があることを読んで、私は新しい画面の「DIV」を取得する簡単なjQueryの関数を作成する必要が

、およびそれを350msで右から左に動かします。アニメーションが終了すると、他のJQuery関数も実行する必要があります。はい、iOSの `translate3d`を使用する

+0

を実際にハードウェア加速され、したがって、パフォーマンスが良くなります。あなたの質問は何ですか? –

+0

私はこの解決策を実装するJQuery関数が必要です –

+0

申し訳ありませんが、誰かがあなたのために関数全体を書いてくれるのではないかと疑います!あなたはそれを試して、あなたがここにある*具体的な質問を掲示しなければなりません! –

答えて

6

CSS

#layer{ 

    -webkit-transition-duration: 350ms; 

    -webkit-transform: translate3d(0,600px,0); 

    position: absolute; 

} 

jqueryの

$('#layer').css('-webkit-transform', 'translate3d(0,0,0)');