idangerous Swiper JS - В свободном режиме показывать только последний слайд вместо 3 - PullRequest
Новая
       76

idangerous Swiper JS - В свободном режиме показывать только последний слайд вместо 3

1 голос
/ 20 января 2020

DEMO - https://codepen.io/syedazam/pen/YzPRxQQ?editors=1000

Я работаю над swiper js от idangerous, который работает нормально.

Я использую freemode:true для плавной прокрутки с помощью loop:false

. Теперь, когда я достигаю последнего слайда, мне нужно отображать только один слайд (один слайд). из 3.

Прошу вас, ребята, пролить немного света ... У меня есть код в codepen для вашей справки.

код swiper: 

var swiper = new Swiper('.swiper-container', {
  slidesPerView: 3.2,
  spaceBetween: 20, 
  slidesPerGroup: 3,
  draggable:true,
  snapOnRelease:true, 
  loop: false,
  loopFillGroupWithBlank: true,
  speed: 1100,
  shortSwipes:true,
  grabCursor: true,
  slidesPerViewFit: false,
  effect: 'slide',
  stopOnLastSlide:true,
  /* pagination: {
    el: '.swiper-pagination',
    clickable: true,
  },
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },*/
  keyboard: {
    enabled: true,
  },  
   on: {
    init: function () {
      console.log('do something */');
    },
   }
});
swiper.on('reachEnd', function () {
  console.log('last slide ');
});
...