jQuery mobileでfixedを使ってもヘッダやフッタが隠れないようにする

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”

関連記事

Pocket