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

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

1 个答案: