jQueryMobileでヘッダーを修正する方法

jQueryMobileを初めて使用しています。私は固定ヘッダーに関する1つの問題があります。私はこのコードを私のヘッダーdivに入れています：jQueryMobileでヘッダーを修正する方法

<div data-role="header" hieght="100px" data-position="fixed" data-theme="a" style="min-height: 45px;"> 
    <h1>Nieuwspoort</h1> 
</div>

このdivでは、私はdata-position = "fixed"を入れました。ヘッダーは固定されていますが、ページをスクロールするとヘッダーが非表示になり、スクロールした後にヘッダーが再び表示されます。

2012-03-26 Aamirkhan

使用しているJquery Mobileのバージョンは何ですか？ – codaniel

これは私のaswerの重複チェックのように聞こえるhttp://stackoverflow.com/questions/9829456/jquerymobile-fading-navbar – codaniel

@cadaniel私はjqueryモバイルバージョン1.7.1を使用しています – Aamirkhan

jQueryMobileにバージョン1.1-rc1以降の適切な固定ヘッダのサポートが導入されました。あなたのヘッダーを修正するに

あなたは、タップ・ツー・トグルを無効にしたい場合は、その後の仕事に変更次

data-tap-toggle="false"

あなたペーストビン例を追加し、次の属性

data-position="fixed"

を追加してください：あなたはjQueryの1.7.1で1.1-RC1を使用していることを確認する必要があり

<div data-role="header" data-position="fixed" data-tap-toggle="false" data-theme="a" style="min-height: 45px;"> 
    <h1>Nieuwspoort</h1> 
</div>

2012-03-26 07:53:33

こんにちは私はiscroll jqueryモバイルライブラリを見つけることによって問題を解決しました。 – Aamirkhan

iscrollはそれ自体の問題を提示することができますが、jquerymobileのバージョンが<1.1であれば、これはあなたの唯一の選択肢です。 –

答えて