В течение некоторого времени я создавал и обслуживал веб-приложение, которое имеет полноэкранный одностраничный дизайн и показывает списки элементов в отдельных контейнерах, поэтому не существует классического режима прокрутки, который обычно вызывал бы адрес и навигацию панель будет скрыта в мобильных браузерах, таких как Safari и Chrome. Таким образом, верхняя адресная строка и нижняя панель навигации отображаются постоянно при использовании этого веб-приложения в браузерах смартфонов. Это не большая проблема на больших 5-дюймовых телефонах, но эти несколько сотен пикселей имеют большое значение, когда приложение используется на небольших устройствах, таких как iPhone SE, например.
Некоторое время я думал, что это неизбежная проблема, и просто смирился с этим, но недавно я увидел кого-то, кто использует веб-версию Google Maps на Chrome в iOS, и после нажатия на какой-либо адрес навигационная панель и адресная строка исчезли. и это выглядело как настоящее полноэкранное приложение. Таким образом, это означает, что есть способ имитировать событие типа прокрутки, которое заставит мобильные браузеры скрывать панели навигации.
Есть идеи / опыт как это сделать?