1

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

我正在研究 idangerous 的 swiper js,它运行良好。

我正在使用freemode:true平滑滚动loop:false

现在问题是当我到达最后一张幻灯片时,我只需要显示一张幻灯片(单张幻灯片)而不是 3 张。

请你们解释一下..我有codepen中的代码供您参考。

刷卡代码:

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

0 回答 0