www.ypnh.net > SwipEr.js sliDEr高度不能适应怎么解决

SwipEr.js sliDEr高度不能适应怎么解决

swiper.js 没有限制slider的高度,因为考虑到图片的不规则性,限制了高度,对于一些过大或者过小的图片会造成失真,你可以通过自己设置slider的高度,通过overflow:hidden来避免失真。

操作如下: 1,首先引入核心文件js,以及自带的默认css样式表 2,HTML结构以及插件初始化配置,输入以下代码:

onSlideChangeStart: function() { var H = $(".content-slide").eq(tabsSwiper.activeIndex).height(); $(".swiper-slide").css('height', H + 'px'); $(".swiper-wrapper").css('height', H + 'px'); } 这段放里面试试

网站地图

All rights reserved Powered by www.ypnh.net

copyright ©right 2010-2021。
www.ypnh.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com