HTML Web アプリケーションでナビゲーション スライド アニメーション効果を作成したいと考えています。それが可能かどうか疑問に思っています。
シナリオは次のとおりです。ページ 1 = 連絡先リスト、ページ 2 = 連絡先の詳細。
ユーザーがリスト内の連絡先を選択して詳細をクリックすると、連絡先リストが左にスライドし、連絡先の詳細が右からスライドインします (iOS ナビゲーションアプリのように)。
これは可能ですか？連絡先リストと詳細は、2 つの別個の Web ページです。
アドバイスをいただければ幸いです。
ありがとう
私の最初の考えは、Jquery モバイル遷移を使用することです。そのフレームワークは iOS の UI に非常に近い
http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-transitions.html
ただし、個別の Web ページの意味をより明確にする必要があります。動的コンテンツを使用している場合は、iframe、アンカー タグ、さらには ajax 呼び出しを使用できます。
個人的には、Jquery のモバイル アプローチの方が好きです。各「ページ」は、単一の html ドキュメント内のページ マークアップを含む div でラップされます。また、さまざまなトランジション効果を持つ追加の html ページをロードすることもできます
この例を見てください http://jsfiddle.net/4Bgx7/2648/