微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

我正在使用Angular UI Bootstrap Modal box.当模态打开时,身体有一个滚动。当我滚动模式后面的内容也会滚动。

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

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

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐