스 와이프 높이 자동 조절

Question

[제거]에 스 와이프 코드를 추가했습니다. 여기

<div class="swiper-container"> 
    <div class="swiper-wrapper"> 
     <!--First Slide--> 
     <div class="swiper-slide" id="swiper-slide"> 
      <div class="content-slide"> 
       content1 
      </div> 
     </div> 
     </div> 
     <!--Second Slide--> 
     <div class="swiper-slide" id="swiper-slide"> 
      <div class="content-slide"> 
       content1 
      </div> 
     </div> 
     </div> 
    </div> 
</div> 

같은

내 코드 그들은 빈 공간이있다.

Please see image.

나는이 공간을 제거 할.

Answer 1

업데이트 : 새로운 버전 calculateHeight에 대한 코멘트에서 언급 passatgt으로

당신이 예를 찾을 수 있습니다 autoHeight, here로 대체 :

var swiper = new Swiper('.swiper-container', { 
    autoHeight: true, //enable auto height 
    spaceBetween: 20, 
    pagination: { 
    el: '.swiper-pagination', 
    clickable: true, 
    }, 
    navigation: { 
    nextEl: '.swiper-button-next', 
    prevEl: '.swiper-button-prev', 
    }, 
}); 

---

정의를 swiper하는 calculateHeight:true를 추가합니다.

var tabsSwiper = new Swiper('.swiper-container',{ 
    speed:300, 
    calculateHeight:true, 
    onSlideChangeStart: function(){ 
     $(".tabs li").removeClass('active') 
     $(".tabs li").eq(tabsSwiper.activeIndex).addClass('active') 
    } 
    })