解決swiper的自適應高度問題

2021-09-11 05:37:12 字數 413 閱讀 3594

最近在寫專案中用到swiper做標籤頁切換,因每個標籤頁的內容不一樣,所以需要自適應高度,根絕官方api在swiper中新增 autoheight: true ,但是並沒有什麼卵用,是ajax的原因還是我自定義個一些樣式覆蓋掉了swiper.css中的某些樣式這個我沒有去研究。

期間也試過了像:

overflow: hidden;

overflow: auto !important;

都沒有用。

接下來說一下我的自適應高度的實現,在自己的css中新增:

.swiper-slide /* 隨意指定乙個height值即可 */    

.swiper-slide-active

完美解決。

swiper頁面高度自適應

使用 swiper外掛程式,根據後台請求回來的資料,遍歷產生slide,某乙個slide沒有內容,高度等同其他頁面高度,上下滑動時有大量留白 刪除 swiper外掛程式的autoheight true屬性,將外層的swiper container高度設定為100 給swiper slide設定ove...

swiper高度自適應問題

一 問題原因 swiper內每項的列表資料是不固定的,當乙個swiper slide內容過多將swiper高度撐大,因swiper是乙個切換內容顯示的容器,容器會按照最大的高度展示,導致資料量少的swiper slide項依然可以向下滑動。嘗試使用swiper的autoheight true,swi...

uniapp swiper元件高度自適應問題

場景 解決計算出內容高度height,然後使用動態繫結style的方式將內容高度重新複製給swiper元件。由於我的swiper內容區包含資源,資源沒有載入完導致內容區高度計算出錯,所以我將高度計算放在資源載入完成後 swiper indicator dots indicatordots circu...