急！！swiper做选项卡切换，内容高度不一样，如何自适应。

小羊羊羊 · 发表于 2015-10-8 17:32:47

郑家好人发表于 2015-7-9 14:52
这个好像可以！

请问怎么使用？

dengriqian · 发表于 2016-1-6 13:06:41

这个简单啊，swiper-slide{height:10px} swiper-slide-active { height:auto}

那谁家的丫头 · 发表于 2016-2-25 16:52:32

楼主最后解决了吗，怎么解决的？

那谁家的丫头 · 发表于 2016-2-26 11:33:22

郑家好人发表于 2015-7-9 14:52
这个好像可以！

怎么用？

duanzhenyi · 发表于 2016-4-7 15:15:08

chen1110103 发表于 2015-6-7 22:56
像这种吗
http://swiper2.swiper.com.cn/demo/demo-apps/simple/index.html

那slide中要是有需要显示隐藏的元素呢？slide的高度不能重新计算导致slide不能滑动

computer1024 · 发表于 2016-5-20 18:32:04

把两个observer设置成true试试
observer:true,
observeParents:true

okdywcom · 发表于 2016-9-23 10:09:55

var h = $(".swiper-slide-active").children().height() * $(".swiper-slide-active").children().length;
$(".swiper-wrapper").css("height",h);

复制代码

djdliu · 发表于 2016-10-18 15:47:42

dengriqian 发表于 2016-1-6 13:06
这个简单啊，swiper-slide{height:10px} swiper-slide-active { height:auto}

这个可以

通杀 · 发表于 2016-10-31 14:16:05

分页器怎么变成文字呢？

isKimmie · 发表于 2016-12-16 19:35:40

每一个slider有了一个height,怎么去掉啊
<ul class="swiper-wrapper">
<li class="classify-active-l c-li-side">
市场攻略
</li>
<li class="swiper-slide">
销售攻略
</li>
<li class="swiper-slide">
运营攻略
</li>
<li class="swiper-slide">
开店攻略
</li>
<li class="swiper-slide">
品牌攻略
</li>
<li class="swiper-slide">
顶层设计
</li>
</ul>

急！！swiper做选项卡切换，内容高度不一样，如何自适应。

点评