欢迎光临一流素材网,免积分免费素材下载!
当前位置:首页 > 教程 > 网站开发

Swiper轮播滚动遇到tab无效的问题解决办法

所属栏目:网站开发更新时间:2021-02-26 来源:网络 原作者:不详 发布:deepdfhy浏览:0

免费开源可商用的PHP万能建站程序-DiYunCMS(帝云CMS)

tab选项卡效果里插入Swiper轮播滚动代码,发现切换tab后就无法滚动了。只是因为display:none导致的。

解决办法

1、Swiper添加2行JS参数

observer:true,
observeParents:true,

2、将display:none;这个隐藏的css换一中隐藏方式。

比如,height: 0

标签: 滚动 轮播 Swiper
收藏 0 有帮助 0 没帮助 0 打赏 0
给个评价吧
百度云加速250x250