swiper 增加同页面增加2个滚动

js代码

<script type="text/javascript">

  var mySwiper = new Swiper('.slide_a',{
    noSwiping : true,

  });


 var slide_b = new Swiper('.slide_b',{

    autoplay : 1000,
    effect : 'cube',

  });

</script>

css代码

<div class="swiper-container slide_a">
  <div class="swiper-wrapper">
      <!--第一屏-->
    <div class="swiper-slide swiper-no-swiping">
        <div class="header">
            <div class="header-cen"><h3>标题试下</h3></div>
            <div class="content">
                <!--广告滚动-->
                <div class="slide_b">
                    <div class="swiper-wrapper">
                       <div class="swiper-slide">1</div>
                     <div class="swiper-slide">2</div>
                     <div class="swiper-slide">3</div>
                    </div>
                </div>
                <!--End-->
            </div>
        </div>
    </div>
    <!--第二屏-->
    <div class="swiper-slide red-slide ">slider2</div>
    <!--第三屏-->
    <div class="swiper-slide orange-slide">slider3</div>
    <!--屏幕结束-->
  </div>
</div>

 

转载于:https://www.cnblogs.com/wesky/p/4663549.html