如何使用主页面进行模态滚动

Question

我有一个模式，其内容高于浏览器高度，因此我有一些内容无法显示。 （似乎模态位置是固定的，不能作为一个整体滚动）

如何使用主页面滚动模态，以便我可以实际查看下面的内容？

Answer 1

你可以做的是将模态的CSS position设置为绝对而不是固定。

要执行此操作，只需获取此类型号或ID的类名，并将其设置为absolute：

.modal {
position: absolute !important;
}

或者，更好的是，为您的模态编辑主要CSS（如果可以），并将position从fixed更改为absolute。

jsFiddle示例：http://jsfiddle.net/hUNZs/

Answer 2

我试过了<div class="modal myModal"></div>

CSS

.myModal {
      overflow: auto !important; 
      height: 300px; //set a height to a modal so it wont overlapped when the body tag's height is smaller than the modal
}