【发布时间】：2017-03-08 20:17:55
【问题描述】：
我为此搜索了很多解决方案，但找不到任何描述相同“闪烁”问题的帖子。
你可以看到一个 GIF here
情况
我有一个带有菜单的网站，在 Polymer Starterkit 中使用 app-route，但使用霓虹动画页面进行了增强。
如果您使用菜单（开始、我的卡片、我的仪表板），则可以顺利过渡。
问题
转到“我的卡片”并单击第一张卡片上的向下增强卡片箭头（工具提示“更多信息”）。
现在再次使用菜单，页面转换现在闪烁，动画完成后。就好像所有的物体都在快速移动到某个地方，然后又回到它们应该在的位置。
我的尝试
我试图更改 CSS，因为它似乎“重新对齐”了页面上的对象。
在我使用 javascript 路由到另一个页面之前，我也遇到过这个问题，但是使用“a href...”作为应用程序路由（如在聚合物 starterkit 中），这个问题又消失了。
有人知道这是什么吗？
我用 Chrome、Firefox 和 IE 查了一下，好像到处都一样。
非常感谢您的帮助！ 亲切的问候， 休比
【问题讨论】：
-
我无法使用 OS X El Capitan、Chrome 52 在您的网站上重现该问题。您能否提供此症状的截屏视频/gif？
-
我在这里上传了一个 gif：giphy.com/gifs/3o6Ztmt6dHyTo4zPu8 您可以在过渡结束时看到对象正在向左移动。顶部搜索栏似乎在水平“调整大小”。
-
您使用的是什么操作系统和浏览器（和版本）？
-
Windows 7，Chrome 版本 53.0.2785.116 m
-
我还制作了一个新屏幕截图：img42.com/i7my3+ 屏幕截图显示了对象在“闪烁”时刻的移动方式/位置。我通过在使用 iPad 屏幕尺寸的 Chrome 中的调试模式下使用仿真模式来获得它。它甚至在那里保持这样的状态。实际上，看起来 CSS 以某种方式被动画搞砸了，但我不明白是怎么回事 - 因为最初对象在正确的位置。
标签： animation polymer polymer-1.0 flicker polymer-starter-kit