Как запретить скрытие адресной строки браузера на мобильном устройстве при скролле?

Question

[Shalindor]

Проблема заключается в том что на странице есть position: fixed елементы и когда происходит скролл а за ним скрытие адресной строки браузера то елемент немного меняет своё местоположение

Answer 1

[strelok011]

попробуйте это

html {
  background-color: red;
  overflow: hidden;
  width: 100%;
}

body {
  height: 100%;
  position: fixed;
  /* prevent overscroll bounce*/
  background-color: lightgreen;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  /* iOS velocity scrolling */
}

Comments

[Shalindor]

не работает

[strelok011]

Вообще это очень известная и популярная боль на андроиде. Отказывайтесь от фикса для элементов в футере.
Не видя дизайна не могу ничего посоветовать конкретного, но как вариант - футер прибить к низу используя флекс, скролл контента делать внутри контент-блока через overflow: auto.