1

Android、CSS、jQueryを使用する際に、 SenchaTouchで使用されているようなスライドカバーWebkitトランジションを実行する方法を理解しようとしています。基本的に私はhome.htmlとoptions.htmlを持っています。home.htmlのボタンをクリックすると、スライドカバーのWebkitを左から右に移行し、home.htmlからoptions.htmlに切り替える必要があります。

テクニックは何ですか?

4

1 に答える 1

3

基本的には非常にシンプルです。カバーを絶対に配置し、ホームカバーを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/を参照してください。

于 2011-01-12T07:06:53.573 に答える