实现两个swiper轮播联动,同时滚动

如果是想要两个swiper,滑动其中一个,另一个也滑动到指定的位置,可以用 slideChange + slideTo

swiper1.on('slideChange', ()=>{
    swiper2.slideTo(swiper1.activeIndex)
})

如果想要两个swiper同时滚动,并且在滚动的过程中也保持一样的进度,需要用progress + setProgress,注意后面的setProgress方法需要使用6.5.7版本以上

swiper1.on('slideChange', (swiper, progress)=>{
    swiper2.setProgress(progress)
})

猜你喜欢

转载自blog.csdn.net/qq_17335549/article/details/129175590
今日推荐