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

Question

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

Answer 1

像这样更改CSS..

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

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

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

演示：http ://bootply.com/88983

Answer 2

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

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