如何在引导框对话框中添加滚动条？答案

【问题标题】：How to add a scroll to bootbox dialog?如何在引导框对话框中添加滚动条？
【发布时间】：2016-03-13 17:35:20
【问题描述】：

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

这可能吗？

【问题讨论】：

【解决方案1】：

Bootbox 使用名为modal-body 的css 类作为其对话框的主体；因此您可以覆盖该类以使其可滚动。例如：

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

【讨论】：

@kyadondotimothy，在您的页面中的 style 标记中或在您的页面中必须引用的 css 文件中。
我发现当你的对话框可以包含不同的东西时这会稍微好一些： .modal-body { max-height: 500px;溢出-y：自动；设置最大高度，之后添加滚动条。因此，如果您的内容很少，则不会调整条形和高度来修复。如果你有很多内容，你会得到一个滚动条，而且高度不会太高。
@Tundey 你的回答真的对我的项目有帮助。我认为您应该将其发布为不同的答案。

【解决方案2】：

如果您希望对话框根据内容的大小展开并添加滚动条，请使用：

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

设置最大高度，之后添加滚动条。因此，如果您的内容很少，则不会调整条形和高度来修复。如果你有很多内容，你会得到一个滚动条，而且高度不会太高。

【讨论】：