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

Question

[z_u_q]

Здравствуйте. Делаю fullpage лендинг, имеется такая проблема на мобильном chrome:
Когда скроллишь вниз, строка бара с адресом сайта в мобильном хроме пропадает, соответственно происходит изменение высоты. Получается такой эффект:



Внизу пустая белая полоска высотой в бар с адресом сайта, который скрылся.

Собственно вопрос. Как закрепить бар с адресной строкой в мобильном хроме, чтобы было как тут (тут бар с адресом сайта закреплён)? Или как решить такую проблему?

Спасибо!

Ссылка на пример

Ссылка на пример в песочнице

Comments

[Александр Маргинал]

1 задать высоту 100% в css
2 купить современный андроид, а не то что у вас на скрине 4й
3 использовать fullpage.js
4 никогда не беритесь за фуллпейджи, это не благодарное дело

Answer 1

[C_a_K_y_P_a]

А почему просто не использовать...?

.div{
   height: 100vh;
}

Comments

[z_u_q]

Потому, что контент в мобильных будет залезать, если у девайсов сенсорные кнопки или же это ios (там бар снизу). vh - это высота вьюпорта, т.е. с кнопками, барами и остальными пирогами)