1

css position:fixed を持つ jQuery モバイル自動分割リンクバーと同じページで jQuery モバイル パネルを使用しようとしています。（以下のフィドルリンクを参照してください。）

Chrome (および iOS Safari) では、パネル div ("#defPanel") が存在する場合、リンクバー div ("#sorter") は固定された位置を失い、ページと共にスクロールします。Firefox では、予想どおり、リンクバーがウィンドウの右側に固定されたままになります。

JQM パネルの div を削除すると:

<div data-role="panel" id="defPanel">...</div>

... リンクバーの position:fixed は、Chrome で期待どおりに機能します。ここで何が問題なのか誰にもわかりますか？

jsFiddle: http://jsfiddle.net/FC6WG/1/

4

2 に答える 2

0

はposition:fixedモバイル ブラウザーでは機能しません*。JQM は多かれ少なかれ健全なハックを使用して、要素を修正しようとします。一般的なルール - モバイルに移行したい場合は、可能な限り何かを修正しないでください。JQM を使用する場合はdata-position="fixed".

修正 (および回避 ;-)) に関するいくつかの記事を参照してください。

*) わかりました、時々そうします... しかし、実際にはそうではありません :-)。

于 2013-03-01T00:53:54.263 に答える