天天看点

【修复日常bug】解决微信小程序cover-view使用position:fixed;不显示的问题

我们看微信官方api说明

【修复日常bug】解决微信小程序cover-view使用position:fixed;不显示的问题

tip

: 基础库 1.9.90 起最外层 

cover-view

 支持 

position: fixed

然后我们开发的过程中发现使用了position:fixed无效,首先应该检查一下基础库是否是1.9.90或以上,开发者工具详情按钮可以查看基础库版本号:

【修复日常bug】解决微信小程序cover-view使用position:fixed;不显示的问题

如果基础库版本号是1.9.90或以上我们就可以排除这个原因,还有一个原因就是我们cover-view是支持cover-view嵌套的,我们来看代码

【修复日常bug】解决微信小程序cover-view使用position:fixed;不显示的问题

内层的cover-view是设置了position:fixed,之所以不显示是因为我们外层还有一个cover-view,外层的cover-view也需要对应加上position:fixed;否则不会显示,这种问题在开发者工具上没有任何问题,只有android或ios设备上才会出现无法显示的问题。

这里我推荐一个个人微信公众号"程序员小鸿",公众号是作者用于全栈技术分享,工作经验,一位终身学习者!欢迎大家关注!