这个是基于Swiper库做的 内容我给了一个高度,方便查看效果, 应用到实际项目中不用设置高度 内容自动撑开
// 进去页面就判断第一个页面内容的高度 添加给swiper-container
var divHgight=$(".divHgight").eq(0).height();
$(".swiper-container").height(divHgight);
var mySwiper = new Swiper('.swiper-container', {
autoHeight: true,
onSlideChangeStart: function () {
// 获取进去那个页面 删除和添加样式
$(".tabs .default").removeClass('default');
$(".tabs li").eq(mySwiper.activeIndex).addClass('default');
console.log('第' + ((mySwiper.activeIndex) + 1) + '页');
// 对应页面高度自适应
var activeHight = $(".divHgight").eq(mySwiper.activeIndex).height();
$(".swiper-slide").eq(mySwiper.activeIndex).height(activeHight);
console.log(activeHight);
$(".swiper-container").height(activeHight);
}
});
1