javascript - jQuery Mobile - 永続的なヘッダーの下に隠されているページ コンテンツ

Question

コードとデモはこちらにあります: http://chapp.stage.philosophydesign.com/

ホームページが読み込まれると、すべて問題ありません。しかし、フッター ナビゲーションを使用して別のページを切り替えると、新しいページのコンテンツがヘッダーの下に表示されます。ヘッダーの高さが正しく計算されていないようです。

なぜこれが起こっているのですか?どうすればそれを止めることができますか?

Answer 1

これは既知の問題です。これまでのところ、1 つの回避策と、Github Bug Trackerにある別の回避策を開発しました。

「Stoppress」（WPSE）でのチャットの結果をまとめたものを次に示します。

// From Bug tracker #4219 @TodParker
$( "[data-position='fixed']" ).fixedtoolbar( 'updatePagePadding' );
// My own solution
$( "[data-position='fixed']" ).trigger( 'updatelayout' );

// Summed up: (Note) `pageload` and `.bind()` and equals won't work here.
$( document ).on( "pageshow", function(){
    $( "[data-position='fixed']" ).trigger( 'updatelayout' );
} );

あなたもこの問題に遭遇した/この動作を見た場合は、介入して修正を手伝うか、修正を試みるプルリクエストをサポートしてください!