@Kardamon90

Как отключить инициирование свайпера если слайдов меньше чем нужно для показа?

6387b7d296a54053401398.png
При создании слайдера с помощью библиотеки свайпер, если слайдов меньше чем указано для показа, то свайпер сжимает слайд как показано на скрине. Если же слайдов 4 (как указано в параметре slidesPerView), то слайды расширяются до нужной ширины. Как можно это исправить, или можно ли запретить инициализацию свайпера, если слайдов меньше чем нужно? Свойство watchOverflow пробовал, не помогло.
  • Вопрос задан
  • 341 просмотр
Решения вопроса 1
mizutsune
@mizutsune
Frontend Developer
Как отключить инициирование свайпера если слайдов меньше чем нужно для показа?


const swiper = new Swiper(".slider", { init: false });

const slider = document.querySelector(".slider");
const sliderSlides = slider.querySelectorAll(".swiper-slide");

sliderSlides.length > 3 ? swiper.init() : false;
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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