iPhone最適化slideUp/slideDown with -webkit-transform

Question

jquery slideUp/slideDown関数のように、jqueryの代わりにCSS3を使用してiPhone用に最適化するようなものを作成しようとしています。私はあなたのようなものを作るために-webkit-transformを使うことができると読んでいます。たぶん私は間違っていると良い方法がありますか？

これは私がこれまでに作ってみたものです：http://jsfiddle.net/qE6wa/

問題は、私は0PXで開始するラッパークラスをしたいということです。 load-btnをクリックすると、wrapper-classとbounding divが-webkit-transformでスムーズにサイズ変更されます。今すぐ境界divは新しい高さにポップアップし、クリアするとそこにとどまります。したがって、クリアをクリックすると、開始サイズに再びサイズ変更されます。 jqueryバージョンと似ています。

これに解決策はありますか？

Answer 1

2D Transformationsプラグインを試しましたか？何も編集する必要はありません。タグ内に.jsを含めてください。可能であれば、jQueryアニメーションコールでCSS遷移を使用します。