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

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

阅读 2.2k
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);
         }
    },
  },
})
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题