нг-анимация вызывает мерцание на iOS

Question

нг-анимация вызывает мерцание на iOS

0

Я пытаюсь переместить боковое меню навигации внутрь и наружу, используя ng-animate. Он работает хорошо, за исключением того, что в его конечном состоянии начальное мерцание меню происходит до того, как оно запустится. Вот CSS:

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

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

compsci45000 01 окт. 2015, в 19:49

Источник

Теги:

angularjs

css

css-animations

ng-animate

1 ответ

Ещё вопросы

ajmajmajma · Answer 1 · 2015-10-01T16-31-00.000Z

Я столкнулся с этим раньше, и как я понял,

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

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

Редактировать: немного googling показал, что другие люди считают, что это исправление

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

Поэтому вы можете попробовать это, если предыдущие ответы не работают.

@ compsci45000 на любом элементе, который вы анимируете
Спасибо за помощь, но все равно получаю тот же результат
@ compsci45000 вы тоже используете javascript? Как точно выглядит переводчик mixin? Если вы можете бросить свой пример кода в скрипку, было бы немного легче помочь.