В приложении React я использую пакет body-scroll-lock для предотвращения прокрутки фона при открытом компоненте React Modal .
IЯ могу добиться этого с помощью ловушки useEffect, которая прослушивает состояние модального isOpen, вызывая метод disableBodyScroll, как показано в этом коде и коробке (не обращайте внимания на чудовищный выбор цветов, который я сделал):
https://codesandbox.io/embed/recursing-night-s8dqc?fontsize=14
Однако, если вы посмотрите это на iOS, вы обнаружите, что allowTouchMove, включенный для содержимого модального окна, позволяет прокручивать фон, когда он находится вверху / внизу модального окна.
Мне бы хотелосьчтобы узнать, нашел ли кто-нибудь решение этой проблемы предотвращения фоновой прокрутки на iOS, когда на модале включена прокрутка.