前言:如题。
原因:app-vue和小程序框架,渲染引擎是webview的。但为了优化体验,部分组件如map、video、textarea、canvas通过原生控件实现,原生组件层级高于前端组件(类似flash层级高于div)。—— uniapp
解决方案:
1.使用cover-view,该方案由uniapp官方提供,链接:https://uniapp.dcloud.net.cn/component/cover-view.html#cover-view
2.使用位移:监听屏幕滚动,当移动到要遮住的位置时,隐藏canvas。
3.使用image替换canvas,如果业务非得要求使用canvas,则可以在移动到遮住的位置时,把canvas替换成image。参考资料:http://t.csdn.cn/E7A6o