莫代尔打开时如何制作madal scrollable的背景？

Question

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

Answer 1

像这样更改CSS ..

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

如果您不想在整个模态上使用滚动条，请使用模态体：

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

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

Answer 2

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

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