最近在写项目中用到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} /* 随意指定一个height值即可 */
.swiper-slide-active { height:auto}
问题解决拉,啦啦啦,开心
可以参考:https://juejin.cn/post/7025433179917910052
版权声明:本文为zoepriselife316原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。