jquery - Android でのメディアクエリにもかかわらず、ヘッダー/パネルがランドスケープで視覚的に「固定解除」されない問題を修正しました。

Question

次のメディアクエリを使用して、jQuery Mobile で固定された聞いたパネルを取り除きます。

@media only screen and (orientation: landscape) {
.ui-header-fixed {
    position: absolute;
}
.ui-panel-fixed {
    position: absolute;
}

}

メディアクエリが機能します。画面をロードするときに横向きの場合、ヘッダーは固定されていません。ただし、ポートレート（固定されている場所）に移動してから戻ると、ヘッダーは固定されたままになります。

並べ替え。

視覚的に固定されているだけです。画面の上部にいない限り、ボタンをクリックすることはできません (とにかくクリックできる場所)。スクロールするとすぐに、それらは手に負えなくなります。

パネルと同様の問題。スクロール後、パネルは固定されているように見えますが、ナビゲーションリンクをクリックすると、実際には別のリンクに触れています。

提案？

score 0 · Accepted Answer

あなたのコードを見せてください。それまでの間、ヘッダーにクラスを追加して、このスクリプトを試してください。

Jクエリ

$(document).ready(function(){
    $(".your_header").fixedtoolbar({ tapToggle: false });
});