Twitter bootstrap 将引导模式内容设置为在高度超过浏览器时滚动

我见过很多人问这个问题，但没有真正可靠的答案

如果模式的高度超过浏览器的内部高度，我希望红色边框的Div有一个滚动条，以将模式保持在浏览器视图中

#滚动框{
边框：1px纯红；
}

您好，下面是div中的一些文本，如果model的高度超过浏览器，这些文本应该开始滚动。

敏捷的棕色狐狸
敏捷的棕色狐狸
敏捷的棕色狐狸
敏捷的棕色狐狸
敏捷的棕色狐狸
敏捷的棕色狐狸
敏捷的棕色狐狸
敏捷的棕色狐狸
敏捷的棕色狐狸
敏捷的棕色狐狸

您可以使用jquery将底部的最大高度指定为窗口的高度，我在这种情况下使用此代码：

Jquery：

<script>
$(function() {
    // Get the height of the window
    var height = $(window).height();
    $('#scrollbox').css('max-height', height+'px');
});
</script>

Css:

我希望这会有帮助

问候

对于引导版本>=4.3 Bootstrap4.3在modals中添加了新的滚动功能。如果内容的大小会使页面滚动，则这只会使模态正文内容滚动。这可能不适用于OP的情况，因为他们在模态体中有其他内容，但可能对其他人有帮助。要使用它，只需将类模态对话框可滚动添加到具有模态对话框类的同一个div中

以下是一个例子：

启动演示模式
情态标题
&时代；
敏捷的棕色狐狸
敏捷的棕色狐狸
敏捷的棕色狐狸
敏捷的棕色狐狸
敏捷的棕色狐狸
敏捷的棕色狐狸
敏捷的棕色狐狸
敏捷的棕色狐狸
敏捷的棕色狐狸
敏捷的棕色狐狸
接近
保存更改

我将这个css添加到我的项目中，现在我有了引导模式，当它们太长时可以滚动

.modal {
    overflow-x: hidden;
    overflow-y: auto;
}

---

工作很好，但我会更改

$（window.height（）到
$（文档）.height（）
获取实际浏览器的高度，而不仅仅是其中的HTML内容。而且，我以前从未见过这个
100vh
。我一直使用
calc（100%-
@DanielWilliams 100%将评估为其父对象的100%，而100vh将评估为视口的100%。请为您的答案添加一些解释，以便其他人可以从中学习
#scrollbox{
    overflow-y: auto;
}

.modal {
    overflow-x: hidden;
    overflow-y: auto;
}