鍍金池/ 問答/HTML/ swiper插件如何實(shí)現(xiàn)此頁全部顯示完畢后才切換

swiper插件如何實(shí)現(xiàn)此頁全部顯示完畢后才切換

我現(xiàn)在有這樣一個(gè)需求:
類似于經(jīng)常看到的手機(jī)端上下滑動(dòng)切換下一個(gè)頁面;
因?yàn)槟承┬枰故镜男畔⑦^長,無法在手機(jī)屏幕一屏展示,需要可以滾動(dòng)查看更多的信息;
舉例:比如我有6屏展示頁面,其中的第3屏和第4屏的內(nèi)容過長,需要滾動(dòng)才能查看到全部,其他屏可以一屏展示完,我想要的效果是:其他屏滑動(dòng)既切換,3和4屏要滑動(dòng)完完整的內(nèi)容才切換,求大神給我一點(diǎn)解決方案??赡苁谴中?沒有在https://www.swiper.com.cn/api 中找到結(jié)局方案,還望大神幫忙看一下

回答
編輯回答
憶往昔

個(gè)人感覺是這樣的
方法一:
當(dāng)?shù)搅说?個(gè)的時(shí)候direction變成vertical變成豎向的
第四個(gè)也是
到了第5個(gè)或者是第六個(gè)的時(shí)候在變成horizontal變成橫向的
方法二:
或者是到了第二個(gè)要切換第三個(gè)的時(shí)候

var i=0 //當(dāng)3頁滾動(dòng)到底部的時(shí)候變成1
var mySwiper = new Swiper('.swiper-container',{
  on: {
    slideChangeTransitionStart: function(){
         if(this.activeIndex==3 && i==0){
             alert('看完之后再回去');
             mySwiper.slideTo(2);
         }
    },
  },
})
2017年6月15日 06:49