swiper插件如何实现此页全部显示完毕后才切换

Question

我现在有这样一个需求：类似于经常看到的手机端上下滑动切换下一个页面；因为某些需要展示的信息过长，无法在手机屏幕一屏展示，需要可以滚动查看更多的信息；举例：比如我有6屏展示页面，其中的第3屏和第4屏的内容过长，需要滚动才能查看到全部，其他屏可以一屏展示完，我想要的效果是：其他屏滑动既切换，3和4屏要滑动完完整的内容才切换，求大神给我一点解决方案。可能是粗心 没有在https://www.swiper.com.cn/api 中找到结局方案，还望大神帮忙看一下

Answer 1

个人感觉是这样的

方法一：

当到了第3个的时候direction变成vertical变成竖向的

第四个也是

到了第5个或者是第六个的时候在变成horizontal变成横向的

方法二:

或者是到了第二个要切换第三个的时候

var i=0 //当3页滚动到底部的时候变成1

var mySwiper = new Swiper('.swiper-container',{

  on: {

    slideChangeTransitionStart: function(){

         if(this.activeIndex==3 && i==0){

             alert('看完之后再回去');

             mySwiper.slideTo(2);

         }

    },

  },

})