jquery mobile ヘッダ 固定

| カテゴリー : Andoriod,iPhone,Jquery | コメント (0)   はてなブックマーク - jquery mobile ヘッダ 固定

JQuery Mobileならば、ヘッダの固定も簡単です。
「data-position=”fixed”」を追加するだけ。

ヘッダやフッタに data-position=“fixed” という属性を指定してやります。

<div data-role="header" data-position="fixed">
<h1>Fixed toolbars</h1>
</div>

うまく表示されない場合には、CSSの position:fixed をサポートしていないブラウザで見ている可能性があります。iPhoneとArrowsではうまく表示することができました。
ただ、ArrowsのせいなのかAndroidのせいなのか今ひとつ動きがなめらかでないような気がしています。

おしらせ

  • Calemdar

    2012年4月
    « 3月   5月 »
     1
    2345678
    9101112131415
    16171819202122
    23242526272829
    30  
  • Category

  • Archive

  • Latest articles

  • Tag Cloud