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

时间:2014-01-27 10:13:23

标签: jquery angularjs twitter-bootstrap angular-ui

我正在使用angularjs,angularui,jquery和bootstrap的最新版本,并遇到了一个问题。当使用angularui模态时,身体内容向左然后向右移动。例如,这可以在angularui主页上看到。

我已经阅读了这个问题(https://github.com/twbs/bootstrap/issues/9855),并尝试将此解决方案(http://jsbin.com/oHiPIJi/8/edit)扩展到angularui模式案例,但它似乎不起作用。我对jquery的了解非常有限/最小我害怕,但我怀疑bs.modal事件不是因为我不确定而触发angularui.

任何关于解决此问题的正确方向的指示都将非常感谢!谢谢。

1 个答案:

答案 0 :(得分:9)

以下内容可能有所帮助:

<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上测试过。其他浏览器可能会有不同的结果。