流星,铁:路由器和animate.css的整页过渡

时间:2014-12-10 15:20:57

标签: meteor iron-router animate.css

在我的meteor应用程序中,每个视图都有自己的模板。我使用铁:路由器在模板之间切换,但它看起来不那么棒,没有一些过渡,如淡入淡出或翻转整个页面。所以我想做一些全页转换。是否有一种常见的方法可以在不改变过多视图的代码的情况下执行此操作?

1 个答案:

答案 0 :(得分:1)

实现此目的的一种简单方法是使用铁路由器中可用的挂钩,尤其是onBeforeAction,您可以在其中应用转换来查看或查看元素,并使用onAfterAction来转换新视图。您也可以将它们应用于所有路径(我会将其用于转换),然后应用特定转换以将视图带入。

查看铁路由器指南: https://github.com/EventedMind/iron-router/blob/devel/Guide.md#hooks

这是一个让你前进的基本教程。 http://www.manuel-schoebel.com/blog/simple-page-transitions-with-iron-router-hooks