swiper display:none后,再显示无法滑动问题解决

问题是这样的:当你做完swiper滑动效果后,你想让该效果在某个条件下触发,于是乎,给swiper加了display:none,但是当条件触发之后swpier变成display:block之后,不能愉快的滚动了~

解决方法:

在swiper初始化时加上一下两个属性:

 observer:true,//修改swiper自己或子元素时,自动初始化swiper
 observeParents:true,//修改swiper的父元素时,自动初始化swiper

如:

<script language="javascript"> var mySwiper = new Swiper('.swiper-container',{
    pagination : '.swiper-pagination',
    observer:true,
    observeParents:true,
})
</script>

具体描述  swiper 官网  的api   http://www.swiper.com.cn/api/Observer/2015/0308/218.html


未经允许请勿转载:熊先生个人博客 » swiper display:none后,再显示无法滑动问题解决

赞一个 (2)

评论 沙了个发

换个身份

取消评论

分享:

支付宝

微信