data-fullscreen=”true”
data-fullscreen=”true”はページをフルスクリーンモードで表示することが可能な設定です。
この属性はdata-position=”fixed”と合わせてヘッダーやフッターに対して適応します。
<div data-role="header" data-position="fixed" data-fullscreen="true">
<h1>Fixed Header!</h1>
</div>
data-fullscreenを適応したヘッダーやフッターはコンテンツと重なるようにデバイスの上部と下部に固定配置されます。そしてコンテンツがタップされるとヘッダーとフッターは上下に消えコンテンのみが表示されるようになります。そして、もう一度タップすると出現するようになります。
この挙動はdata-tap-toggle=”false”を指定することで停止することが可能です。
jQuery Mobile 1.1.0での追加/変更jQuery Mobile 1.0以下ではdata-fullscreen="true"はページ要素の指定する属性でしたが、jQuery Mobile 1.1.0以上ではヘッダー要素、フッター要素に指定する属性に変更されました。
参考URL
jQuery Mobile Framework - Fullscreen Fixed toolbars
登録日 : 2012年10月03日 最終更新日 : 2016年12月19日