3

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

2
  • неплохо бы код увидеть 17 июл 2018 в 15:54
  • @Tigran Vardanyan <section class="main">//main wrapper</section> .main { height: 100vh; width: 100%; pos: absolute; top: 0; left: 0; } .Его высота на мобильных учитывает верхний бар браузера..и из-за этого появляется скролл
    – undefined
    17 июл 2018 в 16:08

1 ответ 1

1

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

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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.