Rails / Prototype - Modalbox对话框中心问题

Question

我有一个问题，Prototype Modalbox对话框没有在用户的浏览器中完全显示，具体取决于用户的屏幕分辨率。例如，Modalbox中的部分内容被浏览器视口切断，用户无法查看它。

我认为它与内容序列和正在加载的Modalbox有关。例如，生成模态框对话框，然后加载内容 - 这最终导致对话框不在用户的浏览器视口中居中。

我想知道是否有其他人遇到过这个问题？如果是这样，你以编程方式做了什么来确保Dialog以最佳方式显示？

Answer 1

我记得有这个问题。通常它发生在ModalBox不知道它正在加载的内容的宽度/高度时。这些步骤有帮助（无需应用所有这些步骤，尝试查看哪种方法最适合您）：

1）将在ModalBox中显示的内容包装在DIV中，并为其设置高度/宽度CSS属性。

2）确保如果ModalBox内容中有图像，那么它们也会设置宽度高度。

3）在显示ModalBox之前预加载内容。

4）使用ModalBox回调（如果我没记错的话，在onShow上），并调用该函数重新定位它。