与聚合物一起使用霓虹动画页面时出现闪烁

格尔德

我搜索了很多解决方案,但找不到任何描述相同“闪烁”问题的帖子。

您可以在这里看到GIF

情况
我有一个带有菜单的网站,app-route在Polymer Starterkit中使用,但通过霓虹动画页面得到了增强。如果您使用菜单(开始,我的卡,我的仪表板),则可以顺利过渡。

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

我曾尝试
我试图改变CSS,因为它似乎“重新调整”页面上的对象。同样,在使用javascript路由到另一个页面之前,我遇到了这个问题,但是对应用程序路由使用了“ a href ...”(与Polymer Starterkit中一样),这个问题再次消失了。

有人知道这可能是什么吗?

我检查了Chrome,Firefox和IE,到处似乎都一样。

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

格尔德

在github上发现了另外两个具有相同问题和解决方案的资源。

  1. 显然只有左右滑动动画会受到影响。使用其他动画应该会有所帮助。
  2. Element.prototype.animate = null在加载polyfill之前进行设置

在Chrome的霓虹动画页面中滑动动画后闪烁

网络动画下一个闪烁#86

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章