Android、CSS、jQueryを使用する際に、 SenchaTouchで使用されているようなスライドカバーWebkitトランジションを実行する方法を理解しようとしています。基本的に私はhome.htmlとoptions.htmlを持っています。home.htmlのボタンをクリックすると、スライドカバーのWebkitを左から右に移行し、home.htmlからoptions.htmlに切り替える必要があります。
テクニックは何ですか?
Android、CSS、jQueryを使用する際に、 SenchaTouchで使用されているようなスライドカバーWebkitトランジションを実行する方法を理解しようとしています。基本的に私はhome.htmlとoptions.htmlを持っています。home.htmlのボタンをクリックすると、スライドカバーのWebkitを左から右に移行し、home.htmlからoptions.htmlに切り替える必要があります。
テクニックは何ですか?
基本的には非常にシンプルです。カバーを絶対に配置し、ホームカバーをleft:0;
で、オプションカバーをで作成しますleft:100%;
。オプションを表示する場合は、最初にajaxリクエストをロードします。リクエストが終了するとすぐに、 webkit-ホームカバーとleft:-100%
オプションカバーを配置するための変換/遷移left:0%;
。
非常に優れたコード例は、jqtouch http://www.jqtouch.com/で見ることができます(jqtouchの作者は現在senchaで働いています)。詳細については、この記事http://blazingcloud.net/2010/08/11/jqtouch-slide-transition-fix-for-android-2-0/を参照してください。