隐藏的Swiper显示后无法获取正确的宽度和高度
2024-08-22 15:38:37
今天在使用swiper的时候,元素默认是显示的时候没毛病,但是默认是隐藏的状态,再显示的时候发现滑动的时候宽度计算有误,如下图所示:
正确的显示如下:
隐藏的元素再次显示如下:
宽度计算有误
解决方案:
var mySwiper = myApp.swiper('.guest-wrapper',{
freeMode : true,
slidesPerView : 'auto',
observer: true,//修改swiper自己或子元素时,自动初始化swiper
observeParents: true//修改swiper的父元素时,自动初始化swiper
});
只需加上后面两行即可。
参数具体含义可看官网说明:http://www.swiper.com.cn/api/Observer/2015/0308/218.html
最新文章
- Thinkphp 下面执行crond
- C#中Config文件中,特殊符号的书写方法。
- oracle 去掉空格
- ios崩溃日志1
- javascript中this的用法
- 宝塔面板安装SSL证书
- 小强学渲染之Unity Shader边缘描边加强
- vue模式
- 极其好用好学的规则引擎 - A2D规则引擎
- 理解OAuth 2.0(转)
- 【转】hex和bin文件格式的区别
- Centos7下安装运行keepalived
- centos6搭建redis集群搭建(单机多节点)
- CMDB实现的四种方式
- 设计模式:状态(State)模式
- 过渡&;动画
- 下载论坛源码GBK UTF8 BIG5分别是什么意思
- shell参数位置
- iOS-字体UIFont的lineHeight与pointSize
- thinkphp5将一条数据以toArray()放入session