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

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

这可能吗?

【问题讨论】:

  • 请在您的问题中添加一些示例代码,说明您遇到的问题

标签: javascript bootbox


【解决方案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; 
}

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-06-26
    • 2015-06-03
    • 2020-02-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多