当弹出窗口处于活动状态时，如何与离子中的项目进行交互？

Question

离子版：1.x

平台：全部

我有一个使用离子弹出的离子应用程序。但是，当弹出窗口处于活动状态（打开）时，我无法再与后台的内容进行交互，例如向下滚动我的项目列表。我试过寻找这个问题的现有答案，但没有看到问题。

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

基本上问题是，有没有办法阻止popover阻止我与后台的所有内容进行交互？

Answer 1

我发现有人提出这个代码：

https://codepen.io/ionic/pen/GpCst

这可能有用吗？

.popover-backdrop {
  display:none;
}

Answer 2

我找到了一个答案，但是，不确定是否有更好的方法可以做到这一点，也许是一个选项可以打开和关闭与背景的交互，但现在答案似乎如下：

1. 确保.popover-backdrop类与实际固定的popover元素具有相同的大小和位置（在我的情况下为高度和上边距）。默认值为高度100％。
2. 确保对.popover-open类（应用于正文）禁用pointer-events: none;
3. 请记住，这会改变行为，如果您在弹出窗口外单击它将默认关闭它。所以在离子方面，我必须确保在我离开视图时关闭弹出窗口的事件如果处于活动状态。