AngularUI模态 - 防止身体移位和滚动

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>

加载bootstrap css后,将类模态打开溢出覆盖为auto.这是一个让你检查这是否是所需结果的东西:http://plnkr.co/edit/Jz6Pd08v7dkkdRUKg8FK？p = preview

您需要在新窗口中打开预览(右上角的蓝色X).将窗口大小调整为不同的宽度,以查看它是否与滚动条存在一起使用.在Firefox上测试过.其他浏览器可能有不同的结果.