Как мне взаимодействовать с элементами на заднем плане в ионном режиме, пока активен поповер?

Question

Ионная версия: 1.x

Платформа: все

У меня есть ионное приложение, которое использует ионный поповер. Однако, когда всплывающее окно активно (открыто), я больше не могу взаимодействовать с вещами в фоновом режиме, например, прокручивать свой список элементов вниз. Я пытался найти существующие ответы на этот вопрос, но не видел задаваемый вопрос.

Сам поповер не обязательно должен быть привязан к какому-либо активному элементу на странице, поскольку в настоящее время он имеет положение: исправлено и всегда будет отображаться в одной и той же позиции.

Таким образом, в основном вопрос заключается в том, есть ли способ предотвратить поповер от того, чтобы я не взаимодействовал со всем на заднем плане?

Answer 1

Я нашел ответ, однако, не уверен, есть ли лучший способ сделать это, возможно, вариант, который включает и выключает взаимодействие с фоном, но пока что ответ выглядит следующим образом:

1. Убедитесь, что класс.popover-фон имеет тот же размер и положение (высота и верхнее поле в моем случае), что и фактический фиксированный элемент popover. По умолчанию высота 100%.
2. Убедитесь, что для класса.popover-open (примененного к телу) вы отключите pointer-events: none;
3. Имейте в виду, что это изменит поведение, и если вы щелкнете за пределами поповера, он закроет его по умолчанию. Так что в ионном, я должен убедиться, что в случае, когда я покидаю представление, которое закрывает всплывающее окно, если оно активно.

Answer 2

Я нашел этот кодовый блок, который кто-то поставил:

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

Это может сделать трюк?

.popover-backdrop {
  display:none;
}