使用swipe.js插件做滑动效果，但是怎么才能让两个swipe联动

Posted 2023-04-26

参考技术A onSlidePrevStart: function(swiper) 
     mySwiper2.slideTo(swiper.activeIndex, 1000, false);

,
onSlideNextStart: function(swiper) 
    mySwiper2.slideTo(swiper.activeIndex, 1000, false);

在第一个的滑动事件里去控制第二个就可以了

本回答被提问者采纳

swipe和swiper的区别

swipe.js--移动WEB页面内容触摸滑动类库

参考http://www.jiawin.com/swipe-mobile-touch-slider

1、swipe只提供简单轮播切换，底部的圆点颜色切换需要重新写html，自定义方便。

2、当你用点击或者手势控制了之后，轮播图就不会自动滚动了，需要将swipe.js插件源代码进行修改：

function stop() {
    //delay = 0;
    delay = options.auto > 0 ? options.auto : 0;
    clearTimeout(interval);
  }

3、适合简单的轮播需求，体积小，减少资源消耗。

swiper.js--免费以及轻量级的移动设备触控滑块的js框架

1、体积比swipe大，swipe一般为10KB,而压缩的swipe.js大概为100KB。

2、swiper和swipe无关，是两款不同的移动端滑动插件。

3、swiper功能多且酷炫，模块比较大时可以考虑采用。

共同点：

都需要等轮播dom元素加载完成才能调用，否则很容易出错。