解決 Swiper 外掛autoHeight問題 建議

welchang發表於2021-09-09

 var mySwiper=$(".swiper-container").swiper({

  autoHeight: true,

  onSlideChangeStart: function() {

var H = $(".swiper-slide").eq(mySwiper.activeIndex).find(".bigbox").height();

var scH=$(".swiper-container").height();

var bodyH=$("body").height()

if(H<scH){

console.log(scH)

alert($("body").height())

$(".swiper-slide").css('height', bodyH-20 + 'px');

$(".swiper-wrapper").css('height', bodyH-20 + 'px');

}else{

$(".swiper-slide").css('height', H + 'px');

$(".swiper-wrapper").css('height', H + 'px');

}

console.log("slideH:" + $(".swiper-slide").height())

console.log("wrapperH:" + $(".swiper-wrapper").height())

}


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4830/viewspace-2815722/,如需轉載,請註明出處,否則將追究法律責任。

相關文章