Обновить страницу при повороте экрана
В проекте использую 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()
}
})