@fgehte

Почему не работает код при смене ориентации экрана?

Добрый день! Есть проблема в обновление кода при смене ориентации экрана. Для сетки с изображениями подключил либу Masonry js, вроде все работает если после ресайза обновлять страницу, но если сменить ориентацию экрана то код не подстраивается под него. В чем может быть проблема?
import Masonry from 'masonry-layout';

const masonryContainer = document.querySelector('.grid');
let gapMasonry = 0;

if (masonryContainer) {
  gapMasonry = parseInt(getComputedStyle(masonryContainer).getPropertyValue('--column-gap'));
}

function casesMasonry() {
  const msnry = new Masonry(masonryContainer, {
    itemSelector: '.grid__item',
    columnWidth: '.grid__item',
    gutter: gapMasonry,
    horizontalOrder: true,
    percentPosition: true,
    transitionDuration: 0,
    fitWidth: true,
  });
}

const initMasonry = () => {
  window.addEventListener('load', () => {
    casesMasonry();

    window.addEventListener('orientationchange', function () {
      casesMasonry();
    });
  });
};

export {initMasonry};
  • Вопрос задан
  • 49 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
XPOWER Одесса
от 3 000 до 5 500 $
07 мар. 2021, в 18:25
35000 руб./за проект
07 мар. 2021, в 18:22
5000 руб./за проект
07 мар. 2021, в 17:45
9000 руб./за проект