[英]Swiper height auto resize
I have added swiper code in [REMOVED]. 我在[REMOVED]中添加了滑动代码。
my code like here 我的代码就像这里
<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>
They have blank space. 他们有空白。
I want to remove this space. 我想删除这个空间。
Update: 更新:
As passatgt mentioned in the comments for newer versions calculateHeight
is replaced with autoHeight
, here you can find an example: 正如在较新版本的评论中提到的
autoHeight
, calculateHeight
被autoHeight
取代, 在这里你可以找到一个例子:
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',
},
});
Add calculateHeight:true
to swiper definition. 将
calculateHeight:true
添加到swiper定义。
var tabsSwiper = new Swiper('.swiper-container',{
speed:300,
calculateHeight:true,
onSlideChangeStart: function(){
$(".tabs li").removeClass('active')
$(".tabs li").eq(tabsSwiper.activeIndex).addClass('active')
}
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.