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

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

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

Answer 1

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

要做到这一点，只需获取模态或ID的类名，并将其设置为absolute ：

 .modal { position: absolute !important; } 

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

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

Answer 2

我试过

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 }