jQuery mobileでヘッダやフッタを固定位置表示するdata-positionをfixedに設定すると
裏っかわで自動的にpageのdata-fullscreenもtrueになりフルスクリーンモードになります。
フルスクリーンモードになると、contentをタップしたらヘッダやフッタが見えたり隠れたりします。
この動き、仕組みがわかっていれば画面が広くとれて便利だけど
クライアントに「ヘッダやフッタがいつの間にかなくなる不具合がでている」と誤解されそうで、きわどいなぁ。
調べてみたら、ありました。fixedだけ設定してfullscreenを阻止する方法。
fixedを設定したheader,footerへ、data-tap-toggleをfalseで設定すると実現できました。
総括するとこんなソースになります。
<div data-role="page" data-tap-toggle="false"> <div data-role="header" data-position="fixed">...</div> <div data-role="content">...</div> <div data-role="footer" data-position="fixed">...</div> </div>
参考サイト：
data-fullscreen=”true”
