模态框中的滚动条

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) 位于模态内容上方并防止滚动。而且你也必须固定高度。