Размерность vh и динамическое окно на планшетах, что делать?

Question

[VegasChickiChicki]

Суть в том ,что многое на сайте определено величинами vh ,сайт адаптивен и под планшеты в том числе. Но на некоторых планшетах при скролле уезжает их верхняя плашка и сайт думает что меняется высотка окна ,vh вычисляется от высота окна ,и из-за этого сайт начинает прыгать ,это нужно как то исправить. Сейчас у меня в голове только одна мысль ,при загрузке страницы рассчитать JS'ом высоту окна и дать такую высоту все блокам где есть vh в пикселях. Можно ли как то без JS'а это исправить ,каким либо свойством зафиксировать vh один раз при заходе на сайт и все ,или что-то вроде того. Может кто сталкивался с таким...?

Comments

[Ragtime Kitty]

https://css-tricks.com/the-trick-to-viewport-units...

[VegasChickiChicki]

Ragtime Kitty, Вроде бы то что нужно... Хотя в статье написано ,что бы браузеры сделали что-то со своими интерфейсами ,что бы они не ломали vh и не перестраивали страницу... И в статье еще есть функция ресайза и пересчета переменной ,я думал ,не будет ли из-за ресайза этих прыжков...? То есть будет то же самое что и сейчас... Нужно будет проверить.

[Ragtime Kitty]

VegasChickiChicki, будут прыжки. В конце статьи есть предупреждение и ссылка на статью про троттлинг - https://css-tricks.com/debouncing-throttling-expla...
Там есть пример с ресайзом

Answer 1

[dom1n1k]

Нет, зафиксировать vh нельзя.
Ведёт он себя так, как и должен вести.
"Многое на сайте определять величинами vh" - это неправильно, так не надо делать.