微信小程序踩坑之路--01 组件层级过高

问题描述
我在开发小程序的过程中，遇到video，textarea等组件层级过高，其他元素无法遮盖这些组件，让人抓狂。
案例1
textarea组件元素过高，当有toast弹出时，文字浮于上方，效果如图所示：
我们看到textarea组件文字层级高于toast，那么怎么解决呐？
首先我们在网上找资料，看到的大部分解决方案是让组件隐藏，但是在这个情况下，是不合适的。我找到原因是因为出现这种情况是在页面超出一屏，滑动的情况下，那么我们就有解决的方案了。我们可以判断页面滑动的话，默认回到顶部，这样子的话，就解决这个问题了，效果如图。

另一个原因是这个toast组件是自定义组件，层级不高，如果上面方法不合适的话，就只能选择小程序的组件了，这就需要和设计大大沟通了。
案例2
video组件问题 ：
如上图所示，我们可以看到有一个上传视频的按钮和录制语音按钮，点击录制语音，会有弹框从底部弹出，但是由于video的层级过高，会悬浮于录制语音组件中，这种情况下，我们可以选择让上传视频入口隐藏。效果如图所示。