问如何防止bootstrap模式打开时滚动正文内容

EN

对dreamhigh的回答做了一个小小的修改，包括为iOS设备添加position: fixed：

body.modal-open {
    position: fixed;
    overflow: hidden;
}

此外，调整视口以禁用用户缩放，以防止输入自动缩放，并在正文内容上引入滚动条：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

致谢于此帖子：Bootstrap 3: horizontal scrollbar on iPhone after form focus

通过这两个更改，我能够让angularjs模式表单在iOS上表现良好。

适用于那些使用Angular JS和UI Bootstrap的用户。这就是我让它工作的方法。我的情况有点不同。我有一个Modal，它工作正常，滚动效果很好。然后我在那个模式上有一个按钮，它会弹出另一个模式。一旦关闭了第二个模式，初始模式将不再滚动。这就是它所需要的：

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

我只是把下面的CSS，现在身体滚动是隐藏的，每当模式弹出是打开。我使用的是Angular UI Bootstrap。

.modal-open {
  overflow: hidden !important;
  position: relative
}