swiper插件在移动端，多个swiper左右滑动时有空白的问题

之前在项目上用到了多个swiper、但是结构结构代码css、以及js  几乎一样的
除了第一个swiper左右滑动有回弹、其他都没有回弹、于是尝试了各种方法都不行。

百思不得其解 ，最后在官网终于找到了解决方法、一下是代码
HTML代码

    

        

            
11

            
11

            
11

            
11

        

    




    

        

            
12

            
12

            
12

            
12

        

    



四五个swiper

接着JS代码：var mySwiper = new Swiper('.swiper-container', {

    autoplay: false,//可选选项，自动滑动

    slidesPerView : "auto",
    observer:true,
    observeParents:true,
});
一段js代码就可以控制全部的swiper了，因为结构什么的都一样
只需要在原本的swioer，js代码上加上 以下这两句监听swiper就行了
observer:true,
observeParents:true,