2011-10-09 75 views
1

很抱歉,如果您认为我没有向您展示代码,因为我还没有实现。jQuery模态窗口滚动条

我正在尝试构建一个jQuery照片视图插件,但通常当我在行上找到一些示例时,模式窗口的高度或者是窗口高度,即文档高度的计算机屏幕高度,即html正文的高度。

当我看到Facebook照片视图插件时,模式窗口的高度可以根据其内容高度进行扩展,任何人都可以告诉我该怎么做,如果您可以向我展示一些相关的编码或一些示例会很棒,谢谢你的帮助。

回答

2

Facebook对他们的模式做了一些非常有趣的事情。它们将页面包装在一个容器中,并将模式作为兄弟而不是容器的子项添加到DOM中。所以,他们将容器设置为位置:固定而不是模式。这允许用户像平常一样滚动,如果模式增长超过其窗口大小的限制。

如果你打算遵循同样的策略,模态自然会随着它的内容而增长,因为你的模态不一定是位置:绝对。否则,这当然可以通过传统的模态位置方法来完成:绝对位置或位置:固定的,但它有点棘手。

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

+0

感谢您的回答,如何将模态添加为兄弟模式而不是容器,有没有一个例子,或者您能告诉我传统的方法吗?谢谢! – smith