如何向bootbox对话框添加滚动条？

Question

我在网上搜索了很久，但没有找到如何在bootbox自定义对话框中添加滚动条的解决方案。有没有办法让它工作呢？我需要一个垂直滚动条。

这种情况是否可能实现呢？

- Kyad

---

请在您的问题中添加一些示例代码，说明您遇到了什么困难。 - Noam Hacker

Answer 1

Bootbox 使用名为 modal-body 的 CSS 类来表示对话框的主体部分，因此您可以覆盖该类以使其可滚动。例如：

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

- Abbas Amiri

---

@kyadondotimothy，在您的页面中的style标签或在必须被引用于您的页面中的CSS文件中。 - Abbas Amiri

我发现当你的对话框包含不同的内容时，这种方法稍微好一些：.modal-body { max-height: 500px; overflow-y: auto; }这将设置最大高度，超过该高度后会添加滚动条。因此，如果您的内容很少，则没有滚动条且高度会自适应。如果您有大量内容，则会出现滚动条，而高度不会变得太高。 - Tundey

@Tundey，你的回答对我的项目非常有帮助。我认为你应该将它作为一个不同的答案发布。 - maximran

Answer 2

如果您希望对话框根据内容大小扩展并添加滚动条，请使用以下代码：

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

这将设置最大高度，超过该高度将添加滚动条。因此，如果您的内容很少，则没有滚动条，并且高度会自动调整。如果您有大量内容，则会出现滚动条，高度不会变得太高。

- Tundey