Почему появляется прокрутка?

Question

[GreenMan1899]

Используются едиинцы vh для задания высоты
в мобильном браузере chrome на моем телефоне (360на640) есть небольшая прокрутка. При том, что например в Мозилле и Опере Мини все ок.
Есть смотерть через браузер мобильную версию - тоже все ок.
ссылка

Comments

[display: block]

На хроме у меня без скролла на ширине 360px. matanich.com/test/viewport-width

[GreenMan1899]

у меня 360на559

Answer 1

[Андрей]

Это баг Chrome
mobile-chrome-vh-fix

Comments

[GreenMan1899]

Похоже этот плагин работаешь с конкретной высотой, а у меня используется min-height.

[Андрей]

GreenMan1899: так допишите после element.domElement.style.height = (window.innerHeight * element.vh / 100) + 'px'; еще одну строчку element.domElement.style.minHeight = (window.innerHeight * element.vh / 100) + 'px';

[GreenMan1899]

а если у меня идет calc()?

[Андрей]

GreenMan1899: У вас две задачи: 1) Определить, что сайт открыт в мобильном Chrome; 2) Скорректировать высоту с учетом высоты верхней панельки. В плагине все это делается, вам остаётся толь ко "подсмотреть как это делается" и адаптировать под свою ситуацию. Плагин можно вообще не использовать...