uni-app/微信小程序video组件层级过高覆盖悬浮按钮:
一、出现的概率与场景
具有偶然性,即概率性出现,也针对一些手机,尤其在ios版本的一些手机上!
二、分析:
大体分析说明:
一般的解决方法是采用原生组件cover-view,有图片的话再结合vover-image。但是,一般的悬浮按钮是相对于手机屏幕进行固定的(即不会随着划动被移动),如果采用cover-view、cover-image时,当滑动到一定距离的时候,悬浮按钮有时也会随着视频被划走,所以的话,需要分情况采用不同的解决方案去处理这个层级过高问题!
具体分析说明
如果要使悬浮按钮放在video之上,有2种情况与对应的解决方案:
第一种:满足以下三个条件
- 页面的所有内容只占据一屏;
- video占据一屏;
- 一屏内容是被fixed;
此情况解决覆盖的方法