swiper 在父元素隐藏 显示后 的样式与滑动问题

chat

一般这种问题是发生在父元素设置的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
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
swiper 在父元素隐藏 显示后 的样式与滑动问题
一般这种问题是发生在父元素设置的display:none,然后显示出来后,swiper插件失效。
<<上一篇
下一篇>>
chat