Нижняя панель навигации на мобильном телефоне Safari не отображается при прокрутке вверх при отображении фрейма высотой 100 Вч - PullRequest
1 голос
/ 22 февраля 2020

У меня есть элемент на странице, который при нажатии добавляет элемент div на страницу, содержащую iframe.

После щелчка по элементу каждый элемент в теле скрывается, и контейнер с iframe - единственное, что видно на странице.

Контейнерный элемент iframe имеет минимальную высоту 100vh и iframe имеет высоту 100vh.

При прокрутке вверх страницы на мобильном устройстве с помощью Safari (когда открыт только контейнер и iframe) нижняя панель навигации не отображается, как обычно.

Только нижняя навигация появляется, когда я щелкаю по строке URL в верхней части экрана, и когда отображается нижняя навигация, она не исчезает go, пока я не перезагружаюсь.

Почему нижняя панель навигации не отображается, когда Я прокручиваю страницу вверх? Он работает до того, как я щелкаю элемент и открываю контейнер с помощью iframe, но после щелчка он работает неправильно.

1 Ответ

2 голосов
/ 22 февраля 2020

vh не поддерживается в Safari, вы можете использовать 100% для элемента полной высоты в css

...