Durandal 2.1入口转换和页面主机的静态定位

Question

在Durandal 2.1 starterkit中，页面主机div位于绝对位置（顶部：50px，...）
我尝试使用静态定位，以便在页面主机之后有一个共同的页脚。

.page-host { padding-top: 50px;}

不幸的是，静态定位会破坏动画 - 只有在动画完成后才会添加padding-top（或margin-top）。 有任何建议如何解决这个问题？

Answer 1

你可以做两件事：

1. Write your own transition;或
2. 使用Durandal 2.0.1的过渡，它使用javascript来制作动画而不是CSS动画（如Rob's release announcement中所述）。

第二个显然是最容易的;你可以在这里找到2.0.1的入口过渡：

https://github.com/BlueSpire/Durandal/blob/2.0.1/src/transitions/js/entrance.js