Damon 发表于 2015-6-6 11:47:54

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

//选项卡
var tabSwiper = new Swiper('.tabSwiper', {
    pagination: '.tab-pagination',
    paginationClickable: true,
    //calculateHeight: true,
    paginationBulletRender: function (index, className) {
    switch (index) {
      case 0: name='选项卡1';break;
      case 1: name='选项卡2';break;
      case 2: name='选项卡3';break;
      default: name='';
    }
      return '<span class="' + className + '">' + name + '</span>';
    },
});
用swiper做了个移动端的选项卡,但是每个选项里的内容高度不一样,而swiper-wrapper是显示的最大高度,所以有些swiper-slide容器会有很大的空白,求大神指教。


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

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

郑家好人 发表于 2015-7-9 14:45:10

这个问题我之前也遇到,一直不知道怎么解决,力顶楼主!!!

xx1314o 发表于 2015-7-7 16:12:58

很简单啊,用API onSlideChageStart

chen1110103 发表于 2015-6-7 22:56:26

像这种吗
http://swiper2.swiper.com.cn/demo/demo-apps/simple/index.html

linzhigao01 发表于 2015-6-9 17:49:29

只能使用一个块的嵌套你的内容,做超出滚动设置

郑家好人 发表于 2015-7-9 14:52:07

xx1314o 发表于 2015-7-7 16:12
很简单啊,用API   onSlideChageStart

这个好像可以!

树根 发表于 2015-7-15 11:44:20

这个怎么设置,我设置了不可以

疯子蚁 发表于 2015-9-24 17:52:51

http://bbs.swiper.com.cn/forum.php?mod=viewthread&tid=487我这个不成熟 可以看看

小羊羊羊 发表于 2015-10-8 01:51:56

我也是遇到这个问题,要怎么让第二个从开始位置显示

小羊羊羊 发表于 2015-10-8 01:54:39

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

请问这种是怎么实现的?小弟码农一个,请赐教
页: [1] 2 3 4
查看完整版本: 急!!swiper做选项卡切换,内容高度不一样,如何自适应。