爱淘FE

Posted by:
Mickey

每件事最后都会是好事,如果不是好事,说明还没到最后

908

transform3D在移动端重叠animation作用时的闪烁问题

之前项目后期发现一个诡异的问题,场景描述:

当视图切换到最后一页时,动画区域的元素被肢解的七零八落,看起来像是元素被分隔开闪烁着。

这个问题在PC浏览器上是正常的,在移动端的表现却是闪瞎了眼。

经过一阵定位,发现一些端倪:页内如果有2块元素分别做着transform动画,此时若至少有一个元素执行的是3D变形动画,那么这种情况必现。

back up ↑