當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

关于swiper的tab(选项卡)中设置了autoHeight没有效果解决

發(fā)布時間：2023/12/9 编程问答 36 豆豆

生活随笔收集整理的這篇文章主要介紹了关于swiper的tab(选项卡)中设置了autoHeight没有效果解决小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

autoHeight屬性使用看官網(wǎng)的示例：https://www.swiper.com.cn/api/parameters/294.html

swiper的選項卡結(jié)構(gòu)查看：https://www.swiper.com.cn/demo/indexsample/

swiper的tab的一般DOM節(jié)點為：

<body>

? ? ?<div?class="tabs">

　　...

? ? </div>

? ?<div class="swiper-contianer" id="container">

? ? ? ? ? ?<div class="swiper-wrapper">

? ? ? ? ? ? ? ? <div class="swiper-silde"></div>

　　　　? <div class="swiper-silde"></div>

　　　　? ...

　　　 </div>

? ?<script type="text/javascript">

? ? ? ? ? ?var swiper = new Swiper('#container', {

　　　　autoHeight: true, //將autoHeight設(shè)置為true，則swiper-containe容器，swiper-warpper的高度將會隨swiper-slide的高度而變化，自適應(yīng)高度

　　? ??});

? ?</script>

</body>

轉(zhuǎn)載于:https://www.cnblogs.com/xiangxinhouse/p/9668906.html

以上是生活随笔為你收集整理的关于swiper的tab(选项卡)中设置了autoHeight没有效果解决的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。