Единицы измерения vh на планшете (телефоне). При прокрутке поле URL прячется. Как сделать чтоб содержимое не дергалось в связи с перепросчетом высоты?

Question

[Андрій Клінов]

Для адаптивной верстки использую единицы измерения vh.
На планшете или телефоне при прокрутке содержимого поле URL прячется или показывается. Если просматриваем страницу вниз, то прячется. В момент нажатия на тачпад и перемещения пальца по экрану ничего особого не происходит. А в момент отпускания и если поле URL спряталось или показалось, происходит перепросчет высоты, так как поле не береться во внимание, но высота внутреннего блока меняется. А для единицы измерения vh важно именно внутреннее содержимое на экране. Если таких блоков три, четыре с размером блока 100vh, то просматривая передпоследний или последний блок, будет убегать вверх или вниз. Например мы читаем текст, листаем, потом решили чуть чуть вернуться вверх и у нас показалось URL и наш текст куда-то улетит, потом мы его будем стараться поймать, и снова позиция изменится по той же циклической причине. Как быть в данной ситуации. Я бы решил все это дело скриптом, но бывают же случаи когда нужно перевернуть с книжного в альбомный вариант телефон или планшет. Тому фиксированная высота не годится.

Answer 1

[dom1n1k]

Я в подобных случаях привязываюсь к vmin.
Тогда при разворотах экрана размер шрифта (например) не скачет.

Comments

[Андрій Клінов]

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

[dom1n1k]

А это не баг, это фича. Согласен, что временами эта фича доставляет неудобства (сам сталкивался), но тем не менее, так и задумано.