swiper 向右滑动出现空白 解决方案

样式：

 <style>
        .cesi1 {
            width: 29.2rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            text-align: center;
            font-size: 18px;
            background: #fff;
        }

        .cesi {
            margin-top: .37333rem;
            width: 100%;
			max-width: 1200px;
            overflow: hidden;width:100%;
        }

        .swiper-slide {
            margin-left: .4rem;
        }
    </style>

html:

 <div class="swiper-container cesi">
                            <div class="swiper-wrapper cesi1">
                                <div class="swiper-slide"><img data-v-f7061682="" src="./img/download-step1.7faab633.png"></div>
                                <div class="swiper-slide"><img data-v-f7061682="" src="./img/download-step2.5ae566c1.png"></div>
                                <div class="swiper-slide"><img data-v-f7061682="" src="./img/download-step3.ce045aec.png"></div>
                                <div class="swiper-slide"><img data-v-f7061682="" src="./img/download-step4.383f5c6a.png"></div>
                                <div class="swiper-slide"><img data-v-f7061682="" src="./img/download-step5.302e24c9.png"></div>
                            </div>
                        </div>

 

js:

<script>
        var swiper1 = new Swiper('.swiper-container',{
			calculateHeight:true,
			cssWidthAndHeight:true,
			on:{
				touchEnd:function(event){
					console.log(this.getTranslate());
					if(this.getTranslate()<=-800)
					{
						console.log(this.getTranslate());
						this.setTranslate(-800);
					}
					
				},        
			
			}
		})
    </script>

mySwiper.getTranslate()
mySwiper.setTranslate(translate)