Swiper使用fade过渡中遇到的问题

page 间切换效果 使用 fade 的时候，如果每个页面的大小不一样， 比如第一个页面全屏， 第二个页面比第一个小， 那么切换到第二页的时候， 第一页的内容还可以看到

还有，使用 fade 过渡方法，onSlideChangeEnd 回调偶尔触发，偶尔不触发。 因此使用 onTransitionEnd

解决方案：

1. 添加 fade:{crossFade:true}
2. 切换之后效果， 使用 onSlideChangeEnd（page切换后触发） 会偶尔不触发， 请使用 onTransitionEnd（过渡效果结束触发）

   window.galleryTop = new Swiper('.gallery-top', {
      autoplayStopOnLast: true,
      nextButton: '.swiper-button-next',
      prevButton: '.swiper-button-prev',
      effect: 'fade',
      fade: {
        crossFade: true,
      },
      onTransitionEnd: function (swiper) {
        console.info("页面跳转到第:", swiper.activeIndex, " 页")
      }
    })

    

转载于:https://my.oschina.net/u/3422430/blog/889151