起因是公司需要做的小程序,需要一个自定义的导航栏,类似于这样:
由于使用的原生的组件canvas,在真机测试的时候,出现了菜单无法遮盖canvas的情况。如下图:
查询资料了解到 ,是因为原生组件层级的原因。
通过使用cover-view解决了以上问题。
但是安卓机真机测试时发现,即使使用了cover-view依然无法覆盖。
查阅资料发现,原因在于系统页面渲染的差异,在安卓中页面dom的渲染并不是完成按照上下顺序来的,
有可能出现写在后面的dom被先渲染出来,因此会随机出现能盖住、不能盖住的情况。
解决方案:添加定时器,确保cover-view是后被渲染出来的。
这种方案确实可以解决问题,但是添加了定时器之后,菜