最近在写项目中用到swiper做标签页切换,因每个标签页的内容不一样,所以需要自适应高度,根据官方API在swiper中添加 autoHeight: true ,但是并没有什么卵用,是ajax的原因还是我自定义个一些样式覆盖掉了swiper.css中的某些样式这个我没有去研究。
期间也试过了像:
overflow: hidden;
overflow: auto !important;
都没有用。
接下来说一下我的自适应高度的实现,在自己的css中添加:
.swiper-slide{height:1px} /* 随意指定一个height值即可 */
.swiper-slide-active { height:auto}
完美解决。下面是效果图:
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。