iPhone X домашний индикатор скрывает нижний колонтитул в браузере - PullRequest
0 голосов
/ 15 февраля 2020

моя веб-страница имеет нижний колонтитул , который используется для навигации . Он работает абсолютно нормально, за исключением iPhone X и выше , поскольку он скрыт домашним навигатором в браузере .

enter image description here

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

enter image description here

Ниже приведен CSS для нижнего колонтитула:

  .footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
   }

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

.navigatorDetected: {
  bottom: 45px;
}
...