jQuery模态窗口滚动条

Question

很抱歉，如果您认为我没有向您展示代码，因为我尚未实施。

我正在尝试构建一个jQuery照片视图插件，但通常当我在线上找到一些示例时，模态窗口的高度要么是窗口高度，它是文档高度的计算机屏幕的高度，这是html体的高度。

当我看到facebook照片视图插件时，模态窗口的高度可以根据其内容高度进行扩展，任何人都可以告诉我该怎么做，如果你能告诉我一些编码相关或一些例子会太棒了，谢谢你的大力帮助。

Answer 1

Facebook使用他们的模态做了一些非常有趣的事情。它们将页面包装在容器中，并且模式作为兄弟而不是容器的子项添加到DOM。因此，他们将容器设置为position：fixed而不是modal。如果模态超过其窗口大小的约束，这允许用户像往常一样滚动。

如果你打算遵循相同的策略，模态会自然地随着内容的增长而增长，因为你的模态不必是postion：absolute。

否则，这当然可以通过制作模态位置的传统方法来完成：绝对或位置：固定，但它有点棘手。

如果您可以控制正在更改模态中内容的代码，我会评估内容的大小并调整/重新定位模式以进行补偿。