使用聚合物

时间:2016-09-26 11:12:57

标签: animation polymer polymer-1.0 flicker polymer-starter-kit

我经常搜索这个解决方案,但我找不到任何描述相同的帖子"闪烁"问题

您可以看到GIF here

场合
我有一个带有菜单的网站,在Polymer Starterkit中使用app-route,但使用霓虹动画页面进行了增强。 如果您使用菜单(开始,我的卡,我的仪表板),则会有平稳过渡。

问题
转到"我的卡"然后在第一张卡片上单击增强卡片向下箭头(工具提示"更多信息")。 现在再次使用菜单,一旦动画结束,页面转换现在就会闪烁。就好像所有物体都快速移动到某个地方然后回到它们应该的位置。

我尝试了什么
我试图改变CSS,因为它似乎"重新调整"页面上的对象。 此外,当我使用javascript路由到另一个页面时,我遇到了这个问题,但使用" a href ..."对于app-route(如在聚合物入门套件中),这个问题再次消失。

任何人都知道这可能是什么?

我查看了Chrome,Firefox和IE,似乎无处不在。

非常感谢你的帮助! 亲切的问候, Huebiii

1 个答案:

答案 0 :(得分:1)

在github上找到了两个具有相同问题和解决方案的来源。

  1. 显然只有幻灯片左/右动画会受到影响。使用不同的动画应该会有所帮助。
  2. 在加载polyfill之前设置Element.prototype.animate = null
  3. Flicker after slide animation in neon-animated-pages in Chrome

    web-animations-next-lite flicker #86

相关问题