ng-animate导致iOS上的闪烁

Question

我正在尝试使用ng-animate滑动和导出侧面导航菜单。它运行良好，除了菜单在最终状态下有一个初始闪烁，然后才会滑入。这是CSS：

&.ng-enter,
&.ng-leave-active {
  @include translate(-100%, 0)
}

&.ng-enter-active {
  @include translate(0, 0);
}

Answer 1

之前我遇到过这个问题，对我来说诀窍是添加

-webkit-backface-visibility: hidden;

我通过添加

也取得了成功

-webkit-transform:translate3d(0,0,0);

以及

-webkit-transform-style: preserve-3d;

类似的东西。

所以你可以测试一个或全部3个：

.myAnimElement {
    -webkit-backface-visibility: hidden;
    -webkit-transform:translate3d(0,0,0);
    -webkit-transform-style: preserve-3d;
}

（请务必取下你不使用的那些）希望这些帮助！

编辑：有点谷歌搜索显示其他人发现这是修复

 -webkit-perspective: 1000;
 -webkit-backface-visibility: hidden;

如果以前的答案不起作用，你也可以试试这个。