AngularUI Modal - 防止身体移位和滚动

Question

我正在使用最新版本的 angularjs、angularui、jquery 和 bootstrap，但遇到了问题。使用 angularui 模态时，正文内容会左右移动。例如，这可以在 angularui 主页上看到。

我已阅读此问题 (https://github.com/twbs/bootstrap/issues/9855) 并尝试将此解决方案 (http://jsbin.com/oHiPIJi/8/edit) 扩展到 angularui 模态案例，但它似乎不起作用。恐怕我对 jquery 的了解非常有限/很少，但我怀疑 bs.modal 事件不会为 angularui 触发，尽管我不确定。

任何有关解决此问题的正确方向的指示将不胜感激！谢谢。

Answer 1

以下内容可能会有所帮助：

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<style>
  .modal-open {
  overflow: auto;
}
</style>

在加载引导 css 后将类模式打开溢出覆盖为自动。 这里有一个 plunker 供您检查这是否是所需的结果：http://plnkr.co/edit/Jz6Pd08v7dkkdRUKg8FK?p=preview

您需要在新窗口中打开预览（右上角的蓝色 X）。 将窗口大小调整为不同的宽度，以查看它是否适用于存在滚动条。 在 Firefox 上测试了这个。其他浏览器可能会有不同的结果。