Safari и Chrome на мобильных устройствах имеют видимую адресную строку при загрузке страницы. Когда тело страницы прокручивается, строка URL минимизирует :
Мой проект основан на React JS и я пытаюсь достичь этого результата при загрузке страницы (поэтому не требуется никакого взаимодействия с пользователем, страница должна загружаться с минимизированной адресной строкой *1017*. Мое веб-приложение состоит из одна страница и прокрутка невозможна невозможна (Приложение похоже на Google Maps).
То, что я пробовал до сих пор (на iPhone X):
- манифест. json> «display»: «standalone»> Это делает исчезновение панели URL только при сохранении страницы на домашней странице (Не очень хороший вариант)
- window.scrollTo (0, 1) ; в индексе. js (поэтому он вызывается при загрузке), ничего не происходит, возможно, срабатывает только на Scroll, но я не могу этого сделать.
Ссылки: https://developers.google.com/web/fundamentals/native-hardware/fullscreen/