このページは「フルスクリーン」のツールバーモードになっています。このモードは、コンテンツを画面いっぱいに使いたい場合に便利です。ページをタップすると、ヘッダとフッタの表示/非表示が切り替えられます。多くの場合、写真や画像、動画などを表示するようなコンテンツに使われることを想定しています。

この設定をするには data-role=“page” を指定した要素に data-fullscreen=“true” を追加します。そしてヘッダやフッタに data-position=“fixed” を設定してやれば、完了です。

このデモでも見られるように、フルスクリーンモードの場合、ヘッダやフッタはコンテンツの 上に 重ねられることに注意してください。