@a22432
Немного Web

Почему Swiper некорректно работает при изменении размера окна?

При изменении окна браузера второй слайдер ведёт себя неадекватно.
Пример: https://codepen.io/a22432/pen/JjVNbPz

65fd98fe5ca47672628963.jpeg

В чём может быть проблема?
Подскажите как это можно исправить?
  • Вопрос задан
  • 93 просмотра
Решения вопроса 1
victormayorov
@victormayorov
Frontend разработчик
Свойство loop попробуй убрать.
new Swiper(".mySwiper2", {
  loop: true,
  pagination: {
    el: ".pg2",
    dynamicBullets: true,
  },
})
var swiper = new Swiper(".mySwiper", {
--  loop: true,
  spaceBetween : '5px',
  pagination: {
    el: ".pg1",
    dynamicBullets: true,
  },
  breakpoints : {
				0: {
				  slidesPerView: 2,
				},
				800: {
				  slidesPerView: 3,
				},
				1200: {
				  slidesPerView: 4,
				},
				1600: {
				  slidesPerView: 5,
				}
		},
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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