Высота 100vh на мобильном в разных браузерах?

Question

[ArtJH]

Делаю блоки фулл скрин, т.е с высотой 100vh, на компе всё норм, в мобильном тоже всё норм, кроме одного НО!
Блоки получаются высотой во весь экран, но из-за того что в мобильном браузере верхняя плашка (навигация браузера) плавающая, то происходят скачки размера этих блоков.
То есть когда загружаю страницу, самый верхний блок (первый экран сайта) идёт высотой 100vh. Но это высота исключает верхнюю плашку браузера, когда чуть чуть прокручиваю страницу, на высоту этой плашки, плашка ушла вверх, и высота блока меняется на эту в разницу, потому что высота экрана как бы стала больше. И происходит скачек.

Как вы решали такие проблемы?
Прогуглил, ничего толкого не нашел. На похожие вопросы из тостера прошу не отправлять
Более менее подходит это https://css-tricks.com/the-trick-to-viewport-units...
Но все равно при изменении дергается

Comments

[Антон]

Код в студию

[prrrrrrr]

На похожие вопросы из тостера прошу не отправлять

то есть если будет похожий вопрос с решением, то нам всё-равно писать всё кастомно конкретно под ваш случай?

[ArtJH]

Антон, код проекта не могу предоставить по причинам безопасности. Но например взять див и ему высоту 100vh,
внутрь засунуть параграфы с текстом и вообщем будет также в мобилках
https://codepen.io/ArtJH/pen/PoNoJYv

[ArtJH]

prrrrrrr, Дело в том что я их уже просмотрел. И из всего подошел только вариант https://css-tricks.com/the-trick-to-viewport-units...
Остальное не помогло. Но можете попробовать, why not

[Антон]

ArtJH,

код проекта не могу предоставить по причинам безопасности

Какой безопасности? Это хтмл и цсс, там нет безопасности

[Алексей Ярков]

Антон, вы не понимаете - ЭТО ДРУГОЕ ))

[Антон]

Алексей Ярков, Ок. Сделай гиф, видео пример или что то наглядное. Первое что приходит на ум, у вас самая банальная проблема с прилипающей fixed шапкой по скроллу, дерганье. Это решается, распространенная проблема, но нужно видеть

[Алексей Ярков]

Антон, это был сарказм

[Антон]

Алексей Ярков, а, я думал это автор написал...пардон

Answer 1

[Олег]

может поможет PostCSS-плагин от Андрея Ситника