如何在模态打开时使 madal 的背景可滚动？答案

【问题标题】：How to make background of madal scrollable while modal is open?如何在模态打开时使 madal 的背景可滚动？
【发布时间】：2013-10-29 14:49:02
【问题描述】：

我创建了一个引导模式，当它弹出背景页面的垂直滚动条时，它会被禁用，并且背景页面的内容会以相同的滚动条宽度移动到它们的右侧。所以我想避免这种移动页面的内容，并在模式打开时使背景可滚动？（请注意，我使用的是 bootstrap 3.0.0 模式）所以，请给我一些提示。提前谢谢你。 . .

【问题讨论】：

【解决方案1】：

像这样更改 CSS..

#myModal .modal-content
{
  height:200px;
  overflow:auto;
}

如果您不希望整个 modal 上出现滚动条，请改用 modal-body：

#myModal .modal-body
{
  height:200px;
  overflow:auto;
}

【讨论】：

不，不@Skelly，我认为您误解了，我想说的是，当我打开模式时，背景页面的垂直滚动条被禁用意味着弹出模式的页面。 .我希望该页面是可滚动的，而不是模态的。 .

【解决方案2】：

在这里我知道，当打开 modal 时，bootstrap 会将“modal-open”类添加到 body 中，然后我们可以将我们的 css 应用于这个类。我通过更改我的 css 找到了解决方案：

.modal-open{overflow:auto !important;}

【讨论】：