如何让模态弹出窗口滚动其内容与页面？

Question

我有一个模态弹出窗口,当它加载高于浏览器高度的内容时,我无法向下滚动以查看其余信息.相反,背景可以滚动,但弹出窗口不会.

相反,我希望弹出窗口保持不变,当用户向上或向下滚动时,将弹出窗口保留在原位并让它们滚动到内容的底部.如果你在Facebook上发一个超长的帖子,弹出窗口正常工作,我想知道如何用这个控件获得同样的效果.

Answer 1

在你的模态弹出窗口的css中,设置modalpop的宽度,然后设置overflow:auto.那会给你水平滚动条.例:

.ModalPopupPanel
{
  width:900px;
  overflow:auto;
}

因此,当内容宽度超过900px时,水平滚动条将显示出来.对于需要设置模态顶点高度的垂直滚动条也是如此.

Answer 2

将样式放在overflow: auto容器块上。