模态框中的滚动条

Question

jsfiddle

不是将滚动条设置为整个模态对话框，而是如何将其设置为仅模态体。我尝试了一些方法，比如

.modal-dialog{
    overflow-y: initial;
}
.modal-body{
    height: 50%;
    overflow-y: auto;
}

但它在我的案例中没有起作用。

Answer 1

只需添加：

.modal-body{
    height: 200px;
    overflow-y: auto;
}

.modal-dialog {
    z-index: 1050;
}

模态叠加（z-index：1050）高于模态内容并阻止滚动。你也必须确定高度。