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

jQuery mobileでヘッダやフッタを固定位置表示するdata-positionをfixedに設定すると
裏っかわで自動的にpageのdata-fullscreenもtrueになりフルスクリーンモードになります。

フルスクリーンモードになると、contentをタップしたらヘッダやフッタが見えたり隠れたりします。
この動き、仕組みがわかっていれば画面が広くとれて便利だけど
クライアントに「ヘッダやフッタがいつの間にかなくなる不具合がでている」と誤解されそうで、きわどいなぁ。

調べてみたら、ありました。fixedだけ設定してfullscreenを阻止する方法。
fixedを設定したheader,footerへ、data-tap-toggleをfalseで設定すると実現できました。
総括するとこんなソースになります。

<br />
&lt;div data-role=&quot;page&quot; data-tap-toggle=&quot;false&quot;&gt;<br />
	&lt;div data-role=&quot;header&quot; data-position=&quot;fixed&quot;&gt;...&lt;/div&gt;<br />
	&lt;div data-role=&quot;content&quot;&gt;...&lt;/div&gt;<br />
	&lt;div data-role=&quot;footer&quot; data-position=&quot;fixed&quot;&gt;...&lt;/div&gt;<br />
&lt;/div&gt;<br />

参考サイト:
data-fullscreen=”true”

関連記事