如何使用#Polymer core-animated-pages过渡到tile-cascade自定义元素?

时间:2014-12-04 08:12:24

标签: html5 polymer material-design shadow-dom custom-element

我正在尝试使用此herejist

复制polymer designer tool所见的向上滑动和平铺级联转换

这里的区别是我想使用自定义元素而不是标签。我为每个页面创建了自定义元素,并将它们全部放在核心动画页面中。

我希望其中一个页面中的所有网格都可以向下平铺,并且核心滚动标题可以像上面的jist一样向上滑动,但是我尝试嵌套标记以进行转换所需孩子的属性,没有任何作用。唯一有效的方法是将core-animated-pages transitions属性设置为" cross-fade-all。"非常令人沮丧,因为关于tile-cascade的文档/示例很少。

1 个答案:

答案 0 :(得分:0)

来自Polymer Google Group的Arthur的消息:

这也让我感到困惑,直到我打开了tile-cascade文件:

https://github.com/Polymer/core-animated-pages/blob/master/transitions/tile-cascade.html

在那里查看,你会看到过渡要求每个瓷砖都是。

这里的快速解决方案就是将每张核心卡包装成一个。

有一个未解决的问题:https://github.com/Polymer/core-animated-pages/issues/14

您可能希望关注该问题以进行更新。

谢谢, 亚瑟