ng-animate 在 iOS 上导致闪烁答案

【问题标题】：ng-animate causing flicker on iOSng-animate 在 iOS 上导致闪烁
【发布时间】：2016-09-14 17:07:53
【问题描述】：

我正在尝试使用 ng-animate 将侧边导航菜单滑入和滑出。它运行良好，只是菜单在滑入之前处于最终状态时会出现初始闪烁。这是 CSS：

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

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

【问题讨论】：

【解决方案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;

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

【讨论】：