swiper頁面高度自適應

2021-09-19 05:39:17 字數 263 閱讀 4767

使用 swiper外掛程式,根據後台請求回來的資料,遍歷產生slide,某乙個slide沒有內容,高度等同其他頁面高度,上下滑動時有大量留白

刪除 swiper外掛程式的autoheight:true屬性,

將外層的swiper-container高度設定為100%;

給swiper-slide設定overflow:auto

即固定外框高度,內部slide溢位overflow:auto,這樣無內容的slide就會固定為一屏的高度,不能上下滑動,也就沒有大量留白

swiper高度自適應問題

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

解決swiper的自適應高度問題

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

高度自適應

開發中遇到乙個問題,要求不管在多高的螢幕下,什麼都行 到底部的距離都應該和psd一致,flash裡面的問題 定義寬度 var psdwidth 750 定義高度 var psdheight 1448 獲取手機螢幕寬度 var w window.innerwidth document.document...