ruby-on-rails - Rails / Prototype - Modalbox ダイアログのセンタリングの問題

Question

ユーザーの画面解像度によっては、Prototype Modalbox ダイアログがユーザーのブラウザに完全に表示されないという問題があります。たとえば、Modalbox のコンテンツの一部がブラウザーのビューポートによって切り取られ、ユーザーがそれを表示する方法がありません。

コンテンツと Modalbox が読み込まれる順序に関係があると思います。たとえば、モーダルボックス ダイアログが生成され、コンテンツが読み込まれます。これにより、最終的にダイアログがユーザーのブラウザ ビューポートの中央に配置されなくなります。

他の誰かがこの問題に遭遇したかどうか疑問に思っていますか? もしそうなら、ダイアログが最適に表示されるようにするためにプログラムで何をしていますか?

Answer 1

この問題があったことを覚えています。通常、ModalBox がロードしているコンテンツの幅/高さを認識していない場合に発生します。次の手順が役に立ちます (すべてを適用する必要はありません。自分に最適なものを試してみてください)。

1) ModalBox に表示されるコンテンツを DIV でラップし、高さ/幅の CSS プロパティを設定します。

2) ModalBox コンテンツに画像がある場合は、幅と高さも設定されていることを確認します。

3) ModalBox を表示する前にコンテンツをプリロードします。

4) ModalBox コールバック (私の記憶が正しければ onShow) を使用し、関数を呼び出して再センタリングします。