jQueryのモバイルツールバー

通常、頭部と尾部に位置し、ツールバーの要素 - へのナビゲーションの容易なアクセスを行います。

ヘッドバー

ヘッド列は、通常、ページタイトル/ロゴまたは1または2のボタン（通常はホームページ、または検索オプション）が含まれています。

あなたは頭の左側または右側にボタンを追加することができます。

次のコードは、タイトルテキストの頭の左側にあるボタンを追加するタイトルテキストの頭の右側のボタンを追加します。

次のコードは、タイトルテキストの頭の左側にあるボタンを追加します。

あなたが置く場合<H1>要素は右にテキストを表示することができません後ただし、ボタンのリンクが配置されています。 タイトルの頭の右側のボタンを追加するには、「UI-BTN-権利」としてクラスを指定します。

	ヘッダは、一つまたは二つのボタン、これらに限定されない尾部を含んでいてもよいです。

テールバー

リア列ヘッダーバーよりも柔軟 - 複数の機能性と変動自分のページ全体を通して、それは、多くのボタンを含めることができます。

尾をし、別のスタイル（なしパディングとスペース、およびボタンが中心にされていないが）頭：注意してください 。 我々は、この問題を解決するために、単純なパターンを使用することができます。

また、背面の水平または垂直の組み合わせでボタンを使用することができます。

頭と尾バーバーを配置します

頭と尾は以下の3つの方法で配置することができます。

• インライン - デフォルト。 ユナイテッド内側のヘッダーバーとリアバーとページコンテンツ。
• 固定 - 頭と尾バーバーは、ページの上部と下部に固定されています。
• フルスクリーン - 固定位置決めモードは、基本的には、ページの最上部と底部に固定頭と尾バーバーと同じです。 ツールバーをスクロールしたとき、彼は画面の外にいたときに、画像や動画のカテゴリは、アプリケーションの感覚に提起された、画面をタップしない限り、再び自動的に表示されることはありません非常に便利です。 それは最高の特別な場面で使用されているように、このモードのツールバーは、ページの内容をカバーすることに注意してください。

頭と尾バーバーを見つけるために、データ-positionプロパティを使用します：

= "固定"データ位置を使用し、フルスクリーンの位置決めを可能にし、要素にデータをフルスクリーン属性を追加するには：

ヒント：フルターゲティングは、写真、画像やビデオに適用されます。

ヒント：一定の位置決めと、画面をクリックすることで、フルスクリーンをターゲットには、列の先頭と末尾のバーを表示し、非表示になります。

より多くの例

ツールバーのアイコンを表示する上でのみ
ツールバーでのみあなたはUI-BTN-アイコンnotextクラスを使用することができますアイコンが表示されます。