交叉淡入淡出延迟转换结束事件无法访问

Question

我在我的聚合物应用程序中使用交叉渐变延迟转换，以便与英雄转换很好地配合：英雄转换完成后交叉淡入淡出文本。

我目前使用transition-end回调来触发另一个操作（一些javascript函数调用）。问题是这个调用有点资源昂贵，因此它会使交叉淡入淡出延迟过渡滞后。

英雄转换完成后，将触发

转换结束回叫。是否有类似的事件，知道交叉淡入延迟何时完成？

最佳， 尼古拉斯

Answer 1

我不认为有类似的事件来监控cross-fade-delayed过渡动画的结束。

然而，一个快速的解决方法是，在on-core-animated-pages-transition-end处理程序内，在cross-fade-delayed转换的持续时间的简单延迟之后调用您的js函数。

setTimeout(function () {
    console.log('animation transition completed!');
},
// convert for example 400ms to 400
parseInt(CoreStyle.g.transitions.xfadeDelay, 10));

您甚至可能希望在xfadeDelay之上添加50毫秒到100毫秒之间的延迟，以确保js功能在UI上顺利运行。