最近在写项目中用到swiper做tab切换,因每个tab页的内容不一样,有的内容多,就会高一些,而有的内容少,会出现白屏,所以需要自适应高度,根绝官方API在swiper中添加 autoHeight: true ,但是并没有什么作用,第一次显示会显示异常,等切换后才会正常,就百度了其他的方式。
尝试过:
// .swiper-wrapper {
// height: auto !important;
// }
以及:
// .swiper-slide {
// overflow: hidden;
// }
// .swiper-slide-active {
// overflow: auto !important;
// }
然而,都没有用。
最后找到了一个新方法,可以使用
自适应高度的实现,在自己的css中添加:
.swiper-slide{height:1px} .swiper-slide-active { height:auto}