ios系统下小程序翻转动画与遮罩层发生冲突
- 当前 Bug 的表现(可附上截图)
ios系统下,animation翻转特效与遮罩层发生冲突。当翻转的view与遮罩层的定位均为“fixed”时,翻转过程中,遮罩层会跑到发生翻转的元素上方。安卓系统表现正常。
翻转前:
翻转中:
翻转后:
- 预期表现
遮罩层始终只遮住最底层。
- 复现路径
点击翻转即可复现
- 提供一个最简复现 Demo
见代码片段
ios系统下,animation翻转特效与遮罩层发生冲突。当翻转的view与遮罩层的定位均为“fixed”时,翻转过程中,遮罩层会跑到发生翻转的元素上方。安卓系统表现正常。
翻转前:
翻转中:
翻转后:
遮罩层始终只遮住最底层。
点击翻转即可复现
见代码片段