swiper 在父元素隐藏 显示后 的样式与滑动问题
一般这种问题是发生在父元素设置的display:none,然后显示出来后,swiper插件失效。
一般情况下应该在本身元素 或者父元素 显示出来 然后再调用swiper实例
或者在初始化swiper时加两行:
observer:true,//修改swiper自己或子元素时,自动初始化swiper
observeParents:true//修改swiper的父元素时,自动初始化swiper
var swiper5 = new Swiper('.swiper-container', { slidesPerView: 3, spaceBetween: 30, observer:true, observeParents:true });
swiper启动动态检查器(OB/观众/观看者)官方文档:http://www.swiper.com.cn/api/Observer/2015/0308/218.html
版权声明:
作者:东明兄
链接:https://blog.crazyming.com/note/444/
来源:CrazyMing
文章版权归作者所有,未经允许请勿转载。
匿名