解决 Swiper 插件autoHeight问题 建议

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决 Swiper 插件autoHeight问题 建议相关的知识,希望对你有一定的参考价值。

 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())

}


本文出自 “11112450” 博客,转载请与作者联系!

以上是关于解决 Swiper 插件autoHeight问题 建议的主要内容,如果未能解决你的问题,请参考以下文章

swiper写的tab高度自动

vue中引入swiper

关于Tab切换中嵌套Swiper移动端滑动插件,导致Swiper插件失效的问题

解决 swiper插件 嵌入 iframe 不能滑动问题

解决几个vue中是swiper插件遇到的bug

如何使用swiper写轮播