Как сохранить слайдыPerGroup при пролистывании назад после достижения конца?Javascript

Форум по Javascript
Ответить Пред. темаСлед. тема
Anonymous
 Как сохранить слайдыPerGroup при пролистывании назад после достижения конца?

Сообщение Anonymous »

У меня есть 7 слайдов и цикл настройки свайпа: false, SlidesPerView: 3, SlidesPerGroup: 3,
  • < li>Проведите по 3 карточки за раз.
  • Когда для следующей группы из 3 карточек недостаточно, должны отображаться последние 3 карточки.
когда проведите пальцем дальше, все работает нормально:
123 -> 456 -> 567
Но при смахивании назад работает:
567 -> 456 -> 123
И я хочу, чтобы он сохранял три слайда на каждую группу:
567 -> 345 -> 123
Могу ли я сделать это с помощью Swiper.js?

Код: Выделить всё



Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
Slide 7






document.addEventListener("DOMContentLoaded", function() {
new Swiper('.swiper-container', {
loop: false,
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
slidesPerView: 3,
slidesPerGroup: 3,
spaceBetween: 20,
});
});

CodePen

Подробнее здесь: https://stackoverflow.com/questions/793 ... r-reachend
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Javascript»