Javascript idangerous SwiperJS-在自由模式下仅显示最后一张幻灯片，而不是3张

演示-

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 ');
});

我正在制作idangerous的swiper js，效果很好

我使用

freemode:true

平滑滚动

loop:false

现在的问题是，每当我看到最后一张幻灯片时，我只需要显示一张幻灯片（单张幻灯片），而不是3张

请你们给我点启示。。我有代码笔中的代码供你参考

开关代码：

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 ');
});