3

Я искал это решение много, но я не мог найти ни одного сообщения, описывающего одну и ту же «мерцающую» проблему.Мерцание при использовании неоновых анимированных страниц с помощью Polymer

Вы можете увидеть GIF here

Ситуацию
У меня есть сайт с меню, используя app-route как в Polymer StarterKit но усиливается с неоновыми анимированным-страницами. Если вы используете меню («Пуск», «Моя карта», «Моя панель»), происходит плавный переход.

Проблема
Перейти к «Моя карточка» и нажмите повышения карты стрелка вниз (подсказка «подробнее») на первой карте. Теперь используйте меню снова, и переходы страницы теперь мерцают, как только анимация закончится. Это похоже на то, что все объекты быстро перемещаются куда-то, а затем обратно в положение, где они должны быть.

То, что я пытался
Я попытался изменить CSS, как это кажется «Перестроить» объекты на этой странице. Кроме того, у меня была эта проблема до того, как я использовал javascript для перехода на другую страницу, но используя «href ...» для app-route (как в полимерном starterkit), эта проблема снова исчезла.

Кто-нибудь имеет представление, что это может быть?

Я проверил Chrome, Firefox и IE, кажется, везде одинаковый.

Большое спасибо за вашу помощь! С уважением, Huebiii

+0

Я не могу воспроизвести проблему на вашем сайте с помощью OS X El Capitan, Chrome 52. Можете ли вы предоставить скринкаст/GIF этого симптома? – tony19

+0

Я загрузил gif здесь: http://giphy.com/gifs/3o6Ztmt6dHyTo4zPu8 В конце переходов вы можете увидеть, что объекты перемещаются влево. Верхняя строка поиска, по-видимому, «изменяет размер» по горизонтали. –

+0

Какие ОС и браузер (и версии) вы используете? – tony19

ответ

1

Найдено еще два источника на github с той же проблемой и решениями.

  1. По-видимому, затронуты только слайды влево/вправо. Использование другой анимации должно помочь.
  2. Комплект Element.prototype.animate = null перед погрузкой полипол.

Flicker after slide animation in neon-animated-pages in Chrome

web-animations-next-lite flicker #86

Смежные вопросы