手机扫一扫访问本页内容

微信扫描点右上角"···"分享到好友或朋友圈

关闭
微信扫一扫可打开小程序

微信长按图片或搜“分享录”可打开小程序

关闭
iOS,小程序,微信 ,

解决微信小程序层叠弹出层在iOS端加z-index依然无法解决遮挡问题

问题是这样的,自己封装了个登录界面的弹出层,结果发现在微信小程序安卓端没问题,但在iOS端却出现了遮挡问题,尽管我已经把z-index值设很大了依然没法解决问题!

一开始的解决方法是能在新页面打开的都改成在新页面打开,但是这样要频繁切换界面给人体验很不好!

进一步改进,当显示弹出层的时候隐藏遮挡层,这种体验效果好很多了,而且实现也比较简单就在view元素上加个Boolean变量用v-if来判断显示,但是这样会给人一种视觉体验不是很好的效果,而且还要写一些多余的逻辑代码。

最后直接挑战终极解决办法!经过反复研究和调试发现,终于发现在层叠显示中必须在同层级的节点之前(即父节点上)使用z-index并且还要加上position才有效!其中position可以根据实际情况设值。

另外,发现iOS端的很多兼容问题在模拟器是不会出现的,所以只能在真机上慢慢调试排查!

您的鼓励是我最大的创作动力:个人开发实属不易、有太多的辛酸,如果您觉得这篇文章对您有帮助并且您是苹果用户,麻烦您帮忙下载我的app并给个免费的好评,您还可以关注我的公众号、小程序等,谢谢,祝您一切顺心。

展开阅读全文


上一篇:

下一篇:

您还可以访问本站的小程序、公众号等所有端,或者下载APP, 在小程序、APP上可以评论文章以及保存图片还有在线客服哦,如您有任何疑问或建议可向作者提出意见反馈
关注我的公众号为您分享各类有用信息
扫码打开小程序可评论文章保存图片,在“我的”有实时在线客服哦,看效果?
分享录多端跨平台系统