Делаю блоки фулл скрин, т.е с высотой 100vh, на компе всё норм, в мобильном тоже всё норм, кроме одного НО!
Блоки получаются высотой во весь экран, но из-за того что в мобильном браузере верхняя плашка (навигация браузера) плавающая, то происходят скачки размера этих блоков.
То есть когда загружаю страницу, самый верхний блок (первый экран сайта) идёт высотой 100vh. Но это высота исключает верхнюю плашку браузера, когда чуть чуть прокручиваю страницу, на высоту этой плашки, плашка ушла вверх, и высота блока меняется на эту в разницу, потому что высота экрана как бы стала больше. И происходит скачек.
Как вы решали такие проблемы?
Прогуглил, ничего толкого не нашел. На похожие вопросы из тостера прошу не отправлять
Более менее подходит это
https://css-tricks.com/the-trick-to-viewport-units...
Но все равно при изменении дергается
