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

Question

我有一个模式,其内容高于浏览器高度,因此我有一些内容无法显示.(似乎模态位置是固定的,不能整体滚动)

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

Answer 1

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

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

.modal {
position: absolute !important;
}

或者,更好的是,编辑模式的主要CSS(如果可以的话)并将positionfrom 更改fixed为absolute.

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