現在、モバイル デバイス用の Web サイトに取り組んでおり、jquery mobile を使用しています。
以下を使用して、ヘッダーを固定位置に配置します。
<header data-role="header" data-position="fixed">
これは問題なく機能しますが、横向きモードのデバイスでページを表示すると、ヘッダーが多くのスペースを占有します。
jquery mobile で data-position="fixed" をポートレート モードでのみ設定し、ランドスケープ モードでヘッダーを固定しないことは可能ですか?
前もって感謝します！
イベントにバインドして、ヘッダーorientationchangeを呼び出すことができます。$("[data-position='fixed']").fixedtoolbar('hide');
これは、固定ツールバーhttp://jquerymobile.com/demos/1.1.0/docs/toolbars/bars-fixed-methods.htmlで使用可能なメソッドについて説明しているjQueryMobileページです。
そして、これらは利用可能なイベントhttp://jquerymobile.com/demos/1.1.0/docs/api/events.htmlであり、そのうちの1つはですorientationchange。
#headerではなく、data-position属性で表示される実際のセレクターを使用してみることができます。動作させるには少しデバッグが必要かもしれませんが、動作しない理由はありません。