收藏
回答

ios系统下小程序翻转动画与遮罩层发生冲突

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug animation 客户端 Version 7.0.3 2.6.0

- 当前 Bug 的表现(可附上截图)

ios系统下,animation翻转特效与遮罩层发生冲突。当翻转的view与遮罩层的定位均为“fixed”时,翻转过程中,遮罩层会跑到发生翻转的元素上方。安卓系统表现正常。

翻转前:


翻转中:


翻转后:



- 预期表现

遮罩层始终只遮住最底层。

- 复现路径

点击翻转即可复现

- 提供一个最简复现 Demo

见代码片段

最后一次编辑于  2019-02-15
回答关注问题邀请回答
收藏

2 个回答

  • 小程序运营专员 - cunjin
    小程序运营专员 - cunjin
    2019-02-15

    H5页面也是一样的效果?

    2019-02-15
    有用
    回复 2
    • view
      view
      2019-02-16

      H5 没问题 (css3动画)

      2019-02-16
      回复
    • 小程序运营专员 - cunjin
      小程序运营专员 - cunjin
      2019-02-18回复view

      已复现,你直接先用css3动画实现吧。

      2019-02-18
      回复
  • 秋刀鱼滋味
    秋刀鱼滋味
    2020-06-07

    在动画和背景之间添加一个绝对定位的盒子,隔开其他两个盒子就不会有这个问题了

    2020-06-07
    有用
    回复
登录 后发表内容