Обновить страницу при повороте экрана

В проекте использую fullpage.js. Возникла следующая проблема: когда поворачиваешь экран на альбомную ориентацию сбивается верстка (захватывается 20px следующего блока). Эту проблему получилось решить с помощью автоматического обновления страницы. Но если обновляется страница на альбоме, то повернув смартфон в исходное состояние код снова обновляется и верстка ломается уже в обычном состоянии. Подскажите, пожалуйста, как можно исправить код, чтобы при повороте на альбомную ориентацию страница обновлялась, а при повороте на обычное положение смартфона не обновлялась.

window.onorientationchange = function () {
    var orientation = window.orientation;
    switch (orientation) {
        case 0:
        case 90:
        case -90: window.location.reload();
            break;
    }
};


Ответы (1 шт):

Автор решения: Vadizar

Используйте window.matchMedia API:

window.addEventListener('orientationchange', () => {
    const orientation = window.matchMedia('(orientation: landscape)')

    if (orientation.matches) {
        window.location.reload()
    }
})

→ Ссылка