如何将滚动添加到bootbox对话框?

时间:2016-03-13 17:35:20

标签: javascript bootbox

我在网上搜索过,但我找不到将滚动添加到bootbox自定义对话框的解决方案。无论如何,我可以让它工作。我需要一个垂直滚动。

这可能吗?

2 个答案:

答案 0 :(得分:6)

Bootbox使用名为modal-body的css类作为其对话框的主体;所以你可以覆盖类使其可滚动。例如:

.modal-body {
    height: 100px;
    overflow-y: scroll;
}

答案 1 :(得分:1)

如果您希望对话框扩展并根据内容的大小添加滚动条,请使用以下方法:

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

设置最大高度,然后添加滚动条。因此,如果您的内容很少,则不会调整任何条形和高度。如果内容很多,则会出现一个滚动条,并且高度不会太高。