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