Bootstrap模态 - 防止移动和背景滚动

Question

当bootstrap模式打开时，我无法阻止背景移位。我在css中添加了以下类：

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

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

虽然有效，但现在背景可以上下滚动。我该如何解决这两个问题？谢谢！

Answer 1

使用这样的css解决它：

body.modal-open {
  overflow-y: scroll !important;
  margin: 0 !important;
}

.modal {
  overflow: auto !important;
}