@Evtera

Как обновлять ширину swiper slide вместе с resize окна браузера?

Здравствуйте. Есть swiper slider. На определенном разрешении экрана он выключается, однако, если потом попробовать его включить, то метод init срабатывает не корректно. Он запоминает width слайда в момент активации init. А нужно, чтобы width обновлялась всегда вместе с resize окна, так как слайды на 100 wh и vh.

var mainSwiper = new Swiper(".mainSlider", {
  slidesPerView: 1,
  mousewheel: true,
  centeredSlides: true,
  observer: true,
  observeSlideChildren: true,
  updateOnWindowResize: true,
});


const changeDirection = (slider) => {
  window.innerWidth <= 1024 ? slider.destroy(false, true) : slider.init();
};

window.addEventListener("resize", () => {
  changeDirection(mainSwiper);
  mainSwiper.updateSize();

});

changeDirection(mainSwiper);
  • Вопрос задан
  • 945 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы