私はモバイルウェブサイトを作成していて、JavaScriptを使用して周りのものをアニメーション化していますか?これは推奨されますか、それともCSS3トランジションを使用する必要がありますか?
もしそうなら、クリックするとdivA
下20px
に移動する単純なCSS3トランジションをどのように実装できますか?divA
ありがとう。
私はモバイルウェブサイトを作成していて、JavaScriptを使用して周りのものをアニメーション化していますか?これは推奨されますか、それともCSS3トランジションを使用する必要がありますか?
もしそうなら、クリックするとdivA
下20px
に移動する単純なCSS3トランジションをどのように実装できますか?divA
ありがとう。
JavaScript と CSS を組み合わせて使用する必要があります。アニメーション用の CSS とそれらをトリガーするための JavaScript。
この jQuery プラグインを見てみましょう: http://ricostacruz.com/jquery.transit/
私は最近それを使用していますが、特にコールバックに非常に便利です。
それが役立つことを願っています:)
モバイルデバイスでdivを下に移動するためだけに、jQuery+プラグインを使用しないでください。CSS3のトランジションとアニメーションは、モバイルデバイスで非常によくサポートされており、一部のデバイスではハードウェアアクセラレーションも使用されています。
これがあなたが必要とすることをする簡単なスクリプトです:http: //jsfiddle.net/3Sd4U/