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

东明兄 2018-04-29
1条评论 3,625 次浏览
东明兄 2018-04-291条评论 3,625 次浏览

一般这种问题是发生在父元素设置的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

swiper 在父元素隐藏 显示后 的样式与滑动问题” 有1条评论

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注