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

270

11 сентября 2018, 21:10

При определении высоты блока как 100vh, на мобильных устройствах верхнее меню браузера прибавляется к общей высоте, появляется вертикальный скролл и нижние элементы съезжают. Кто знает как фиксить?

Answer 1

К сожалению, никак. Только костылями, типа такого:

//Предварительно делаем мобайл детект
//...
if ($('body').hasClass('mobile')) {
  //добавляем inline стиль, в котором фиксируем высоту титульного блока
  $('.main').css({ height: window.innerHeight });
}