0

JQuery Mobile を使用する私のプロジェクトでは、丸い PNG ボタンを画面の右下隅に固定したままにし (モバイルの向きの変更を正しく処理するなど)、JQuery Mobile ページのコンテンツをその下に表示したいと考えています。ボタンは右下隅に固定され、下のコンテンツがスクロールされたり、JQuery Mobile ページが切り替えられたりしても動かないようにする必要があります。

JQuery を使用しない空のページでは、この単純な CSS が機能しているように見えました。

img.roundButton {
  position: absolute !important;
  bottom: 5px;
  right: 5px;
  z-index: 99;
}

上記は、ページ外の JQuery ドキュメント内では機能しなくなります (ページ内では、ページが機能すると消えて、新しいページの一部として再表示されますが、トランジションとページ (data-role) を通過し続ける必要があります)。 ="ページ") が読み込まれます。

data-position="fixed" data-fullscreen="true" (img または div data-role="footer" の場合) を試しましたが、機能しません。さらに、iPhone では垂直位置が考慮に入れられて誤計算されます下降した状態の Mobile Safari バーの幅に等しい距離だけ、適切な角の位置の上にボタンを残します。

アドバイスをいただければ幸いです。サーシャ

4

1 に答える 1

0 
img.roundButton {
position: absolute !important;
...
}

... 問題を解決しました。明らかに私の見落としです！ありがとうございました。

于 2013-02-28T19:19:55.910 に答える