0

jQuery Mobile 1.1.0 Final がリリースされたばかりで、次のことが約束されています。

「真の固定ツールバー: 軽量、CSS ベース、幅広い互換性」

モバイル ブラウザのすべての問題を解決するために必要な具体的な修正方法は何ですか?position:fixed

モバイル ブラウザーではうまく機能しない固定ツールバーを備えたデスクトップ アプリ (Twitter ブートストラップ ベース) を持っていますか? jQuery Mobile に同梱されている他のすべての機能と CSS を使用せずに、特定の修正を組み込みたいと考えています。

4

1 に答える 1

1

簡単（多かれ少なかれ）：

1) ブラックリストを生成するためのブラウザ スニッフィング。
2) 位置: サポートするブラウザーの場合は固定
3) 位置: その他の場合は静的

JQM 内でこのセクションを探します。

$.widget( "mobile.fixedtoolbar", $.mobile.widget, {...}

現在のところ、多くのモバイル ブラウザーは pos:fix をサポートしていないため、多くのブラウザーではコンテンツの下部に静的なツールバーが表示されます!!!

以前の動作に戻すためのポリフィルもあります (hide-reposition-show)。

このポリフィルの一部を使用して、要素を次のように表示する前に再配置しています。

 el.jqmData("fixed") == "top" ? el.css( "top", $( window ).scrollTop() + "px" ) :
    el.css( "bottom", wrap.outerHeight() - $( window ).scrollTop() - $.mobile.getScreenHeight() + "px" );

これは、設定された位置 (scroll-stop-recalcualte) と元の固定ツールバー (JQM 1.1 より前) からスクロール中に再計算 (scroll-calculate- scroll-これは、デバイスのハードウェアに負担がかかりすぎて、ツールバーが動かなくなったりジャンプしたりする原因になりました。

于 2012-06-15T12:01:12.183 に答える