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

Question

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

私はそれがコンテンツのシーケンスとロードされているModalboxと関係があると信じています。たとえば、Modalbox Dialogが生成された後、コンテンツがロードされた後、Dialogがユーザーのブラウザビューポートに中央揃えされなくなります。

誰かがこの問題に遭遇したのですか？もしそうなら、あなたはプログラムでダイアログを最適に表示するために何をしていますか？

Answer 1

この問題が発生したことを覚えています。通常は、ModalBoxが読み込んでいるコンテンツの幅/高さを知らない場合に発生します。これらの手順は役に立ちます（すべてを適用する必要はありません。あなたに最適なものを試してみてください）。

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

2）ModalBoxコンテンツに画像がある場合、幅の高さも設定されていることを確認してください。

3）ModalBoxを表示する前にコンテンツをプリロードしてください。

4）ModalBoxコールバック（私が正しく覚えていればonShow）を使用して、関数を呼び出してそれを再センタリングします。