滑动器高度自动调整大小
Swiper height auto resize
我在[ROVED]中添加了刷码。
我的代码像这里
<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>
他们有空白处。
请参阅图片。
我想删除此空间。
更新:
由于新版本的评论中提到的passatgt 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',
},
});
将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')
}
})
相关文章:
- ExtJS——在展开/折叠时调整面板高度
- 如何自动调整标签的高度以适应内容
- window.open根据动态内容自动调整高度和宽度
- 如何在HTML CSS JavaScript中根据纵横比调整高度或宽度
- 使 iframe 自动调整高度
- iframe 自动调整高度大小不起作用
- Iframe内容的可调整高度(在wordpress中)
- 自动调整高度为全宽度图像过滤器
- 如何调整高度时,减少宽度
- 在使用jQuery时,紧跟在ScrollTop之后调整高度是非常不稳定的
- 画布调整宽度,但不调整高度
- JavaScript自动调整高度大小
- 在移动视图中调整高度
- 调整高度&宽度以百分比而非像素表示
- JavaScript调整高度问题
- 无法在任何 DIF 上按 % 调整高度
- 自动调整高度CSS
- iframe自动调整高度作为内容的变化
- 当子块调整高度时,内联块自动适合子块宽度
- 在CSS和JS中动态调整高度