使用swiper制作微场景遇到的问题

1、swiper每页上都有动画,当翻到此页时动画才会显示,但是会遇到翻页翻到一半并没有完全翻过去,导致此页的动画已经隐藏,而下一页的动画还没有执行,所以会出现画面空白的问题。

解决方法是增加onTouchEnd的回调

                var mySwiper = new Swiper ('.swiper-container', {
			   direction : 'vertical',
			   pagination: '.swiper-pagination',
			   mousewheelControl : true,
			   loop:true,
			   onInit: function(swiper){
				   swiperAnimateCache(swiper);
				   swiperAnimate(swiper);
			   },
			   onSlideChangeEnd: function(swiper){
				   swiperAnimate(swiper);
			   },
			   onTouchEnd: function (swiper) {                  
                                   swiperAnimate(swiper);
                           }	  
		   });

 

posted @ 2017-03-24 10:23  半瓶子水  阅读(724)  评论(0编辑  收藏  举报