收藏
回答

微信浏览器及开发者工具的 Bug

镜像帖子 https://www.v2ex.com/t/498901


环境

  • Android 5.1.1,微信 6.7.3

  • macOS 10.14 ,微信开发者工具 1.02.1809260

问题

场景一

a b {  transform: translateX(100px);  transition: all 0.5s ease-out;

}a.show b {  transform: translateX(0);

}

通过 JS 改变 a 的 class 为 show 时,b 的过渡动画完全没有。

经尝试,断定任意 transition 均无效。

场景二

b {  transform: translateX(100px);  transition: all 0.5s ease-out;

}b.show {  transform: translateX(0);

}

过渡动画正常。

其他

使用 transform: scale() 的 animation 导致页面帧率很低,设备发热严重。


回答关注问题邀请回答
收藏

1 个回答

  • 小程序技术专员-SgLy
    小程序技术专员-SgLy
    2018-10-19

    你好,这边没有复现,能给一个代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)方便我们定位下问题吗?

    2018-10-19
    有用
    回复 1
    • 胡俊卿
      胡俊卿
      2018-10-19

      并非小程序环境,是网页环境。

      暂时并未能提取出有效的复现 demo,请稍后。

      2018-10-19
      1
      回复
登录 后发表内容