ruby-on-rails - Rails / Prototype - 模态框对话框居中问题

Question

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

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

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

Answer 1

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

1) 将 ModalBox 中显示的内容包装在一个 DIV 中，并为其设置 height/width CSS 属性。

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

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

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