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; 
} 

(Просто убедитесь, что снять те, которые вы не используете) Надеюсь, что это поможет!

Edit: немного прибегая к помощи показала, другие люди обнаружили, что это затруднительное положение

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

Таким образом, вы могли бы попробовать это, а если предыдущие ответы не работают.