angularjs – 当启动模态打开时如何防止滚动身体内容

前端之家收集整理的这篇文章主要介绍了angularjs – 当启动模态打开时如何防止滚动身体内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Angular UI Bootstrap Modal box.当模态打开时,身体有一个滚动。当我滚动模式后面的内容也会滚动。

我可以设置overflow:隐藏到body标签,这样可以解决问题。但是,如果我的模式中有很多内容,我需要滚动显示。这个滚动不应该在模态内,即当我使用页面滚动模式应该只滚动而不是内容Plunker here

实际上我正在面对同样的问题,使用UI Bootstrap,并提出了一种解决方法。在打开模态,你添加一个类(.ovh)到身体,设置溢出到隐藏。关闭/关闭模式,您删除该类,以便再次滚动。

在这里看到我的小提琴叉:http://plnkr.co/edit/OIJ2ee5Ph0ELgkKPrSbr?p=preview

请注意,我已将该类放在index.html中,仅用于演示。此外,我在控件定义中注入$文件,以使用由角度提供的引用。

原文链接:https://www.f2er.com/angularjs/144186.html

猜你在找的Angularjs相关文章