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

发布时间：2020-12-17 08:07:13 所属栏目：安全来源：网络整理

导读：我正在使用Angular UI Bootstrap Modal box.当模态打开时，身体有一个滚动。当我滚动模式后面的内容也会滚动。我可以设置overflow：隐藏到body标签，这样可以解决问题。但是，如果我的模式中有很多内容，我需要滚动显示。这个滚动不应该在模态内，即当我使

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

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

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

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!