我正在使用angularjs,angularui,jquery和bootstrap的最新版本,并遇到了一个问题。当使用angularui模态时,身体内容向左然后向右移动。例如,这可以在angularui主页上看到。
我已经阅读了这个问题(https://github.com/twbs/bootstrap/issues/9855),并尝试将此解决方案(http://jsbin.com/oHiPIJi/8/edit)扩展到angularui模式案例,但它似乎不起作用。我对jquery的了解非常有限/最小我害怕,但我怀疑bs.modal事件不是因为我不确定而触发angularui.
任何关于解决此问题的正确方向的指示都将非常感谢!谢谢。
答案 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上测试过。其他浏览器可能会有不同的结果。