關於swiper第一屏滿屏，第二屏大於一屏怎么處理

dom

<div class="swiper-container swiper-container-v">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <img src="<?php echo ZK_STATIC; ?>images/index.gif" alt="" class='index_gif'>
            <p class='more'></p>
        </div>
        <div class="swiper-slide">
            <div class="swiper-container swiper-container-scrollbar">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="<?php echo ZK_STATIC; ?>images/index2.png" alt="" class='index2'>
                        <!-- 我的圖片大於一屏要可以往下滑 -->
                    </div>
                </div>
                <div class="swiper-scrollbar"></div>
            </div>
        </div>

    </div>
</div>

 

 

css

html, body{
    height: 100%;
    color:#000;
    
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    background: #bce3f9;
}
.swiper-container{
    max-width: 10rem;
    width:10rem;
    height: 100%;
    margin:0 auto;
    background: #bce3f9;
    /*display: none;*/
}
.swiper-container-scrollbar .swiper-slide{
    height: auto;

}

 

 

js:

var swiperV = new Swiper('.swiper-container-v', {
            direction: 'vertical'
        });



        var swiperScrollbar = new Swiper('.swiper-container-scrollbar', {
            scrollbar: '.swiper-container-scrollbar .swiper-scrollbar',
            direction: 'vertical',
            slidesPerView: 'auto',
            mousewheelControl: true,
            freeMode: true,
            nested: true
        });