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

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

DIEA
浏览 412回答 1
1回答

烙印99

个人感觉是这样的方法一:当到了第3个的时候direction变成vertical变成竖向的第四个也是到了第5个或者是第六个的时候在变成horizontal变成横向的方法二:或者是到了第二个要切换第三个的时候var i=0 //当3页滚动到底部的时候变成1var mySwiper = new Swiper('.swiper-container',{  on: {    slideChangeTransitionStart: function(){         if(this.activeIndex==3 && i==0){             alert('看完之后再回去');             mySwiper.slideTo(2);         }    },  },})
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript