移动端h5踩坑之 在swiper内结合css实现缩放效果出现放大又缩小的问题

背景:首先用swiper实现了几个卡片类页面的滑动效果,初始状态为缩小状态,即(图1):

1.png

再实现点击中间页面部分可放大至全屏,即(图2):
2.png

问题:正常情况下是没有问题的,但是在ios12以下的系统会出现点击放大后马上又缩小的问题,且问题只出现在点击的那个‘卡片’, 滑动切换其他的都正常。
解决:找了很久,最终发现应该是页面在渲染的时候出了问题,页面元素已经到了全屏下的位置,但是看到的位置却不对。把重新初始化swiper的方法放到$nextTick()方法内就可以了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。