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日

同じカテゴリー(固定配置)のエントリー

検索

スポンサードリンク

バージョン

リファレンス