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

Question

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

如何使模式与主页一起滚动，以便我可以实际查看下面的内容？

Answer 1

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

为此，只需像这样获取模态或 ID 的类名并将其设置为absolute：

.modal {
position: absolute !important;
}

或者，更好的是，为您的模式编辑主 CSS（如果可以的话）并将positionfrom更改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
}