jQuery Mobile ヘッダ・フッタの固定サンプル

ヘッダとフッタを固定しています。
ページをスクロールしても、ヘッダとフッタは常時表示されています。

ただし、画面上のどこか(ボタン以外の箇所)をタップすると、一時的に固定が解除されます。
再度タップすれば、固定状態に戻ります。


ページの中身
ページの中身
ページの中身
 : : :
ページの中身
ページの中身
ページの中身
 : : :
ページの中身
ページの中身
ページの中身

ページの中身
ページの中身
ページの中身
 : : :
ページの中身
ページの中身
ページの中身
 : : :
ページの中身
ページの中身
ページの中身

ページの中身
ページの中身
ページの中身
 : : :
ページの中身
ページの中身
ページの中身
 : : :
ページの中身
ページの中身
ページの中身

ページの中身
ページの中身
ページの中身
 : : :
ページの中身
ページの中身
ページの中身
 : : :
ページの中身
ページの中身
ページの中身

ページの中身
ページの中身
ページの中身
 : : :
ページの中身
ページの中身
ページの中身
 : : :
ページの中身
ページの中身
ページの中身

SAMPLE PAGE FOOTER