Как избежать эффекта стилей прыжков при пересчете значения переменной css при изменении ориентации экрана планшета?

Question

Цели для достижения

1. Поворот планшета
2. Когда ориентация полностью изменена, т. Е. От пейзажа к портрету, содержимое должно отображаться со стилями без прыжков.

У меня также есть переменная CSS, но эта переменная изменяется только при обратном вызове с setTimeout. Использование этой переменной создает эффект прыжка.

$(window).on('orientationchange', calculateViewportHeightSize);
 function calculateViewportHeightSize() {
        setTimeout(() => {
            let vh = $(window).height() * 0.01;

            document.documentElement.style.setProperty('--vh', `${vh}px`);
        }, 100);
    }

Переменная --vh используется для расчета доступной высоты без адресной строки на мобильных устройствах.