Javascript 当popover处于活动状态时,如何与ionic中的背景项目交互?

Javascript 当popover处于活动状态时,如何与ionic中的背景项目交互?,javascript,css,ionic-framework,ionic-popup,Javascript,Css,Ionic Framework,Ionic Popup,爱奥尼亚版本:1.x 站台:全部 我有一个爱奥尼亚应用程序,它使用了爱奥尼亚popover。但是,当popover处于活动(打开)状态时,我无法再与背景中的内容进行交互,例如向下滚动我的项目列表。我试图寻找这个问题的现有答案,但没有看到有人问这个问题 popover本身不必绑定到页面上的任何活动元素,因为它当前具有position:fixed,并且将始终显示在相同的位置 所以基本上,问题是,有没有办法防止popover阻止我与背景中的任何东西进行交互?我发现有人提出了这个密码笔: 这可能有用吗

爱奥尼亚版本:1.x

站台:全部

我有一个爱奥尼亚应用程序,它使用了爱奥尼亚popover。但是,当popover处于活动(打开)状态时,我无法再与背景中的内容进行交互,例如向下滚动我的项目列表。我试图寻找这个问题的现有答案,但没有看到有人问这个问题

popover本身不必绑定到页面上的任何活动元素,因为它当前具有position:fixed,并且将始终显示在相同的位置


所以基本上,问题是,有没有办法防止popover阻止我与背景中的任何东西进行交互?

我发现有人提出了这个密码笔:

这可能有用吗

.popover-backdrop {
  display:none;
}

然而,我已经找到了一个答案,不确定是否有更好的方法来实现这一点,也许有一个选项可以打开和关闭与背景的交互,但目前的答案似乎如下:

  • 确保.popover background类的大小和位置(在我的例子中是高度和上边距)与实际的固定popover元素相同。默认高度为100%
  • 确保为.popover开放类(应用于主体)禁用
    指针事件:无
  • 请记住,这将改变这样的行为:如果您在popover外单击,它将默认关闭popover。因此,在ionic中,我必须确保在我离开视图的事件中,如果处于活动状态,将关闭弹出窗口

  • 有网站链接吗?这是一个爱奥尼亚应用程序,所以不幸的是没有链接。我的问题更多的是关于这是否可能?如果我需要ionic popover继续滚动,它可能不是最好的解决方案。谢谢,让我尝试一下。不幸的是,它没有工作,它只是隐藏了整个popover,而应用程序的其余部分仍然被阻止。我也有同样的问题。你能分享你的解决方案吗?普朗克?codepen?@daudihus-你能尝试上面的步骤1和步骤2吗?