Javascript WinJS enterPage动画未按预期工作

我想在page enter上向我的应用程序添加动画，并使用默认的WinJS.UI.Animation.enterPageelement进行连接，这样在元素中从右向左滑动效果很好。 我需要将它从底部100px滑动到顶部。一旦我用WinJS.UI.Animation.enterPageelement{top:100px，left:0px}覆盖了默认值，我在屏幕上看不到任何动画，这很奇怪。 但是，当与WinJS.UI.Animation.exitpageoldelelement结合使用时，动画似乎可以工作，但我想进一步调整时间

按照，没有帮助。在使用链接中结合自定义动画和过渡的示例后，我只能看到不透明度的变化和元素的淡入，但是根本没有转换。我尝试了与WinJS.UI.Animation.exitPage的相同配对，并添加了我自己的customExitPage-基本上使用WinJS的，只是不透明度。。。什么都不管用。 我指的是这里的一些动画实现- ，以控制时间

还有其他人有这个问题吗？还是我做错了什么。。。还是WinJS表现不好

编辑：

---

奇怪的是，enterPageelement{top:100px，left:0px}的动画开始工作。然而，自定义动画仍然很难以捉摸。

嗯，我终于找到了奇怪的行为。@keyframes应该在CSS中设置，我尝试了其他一些方法，显然这就是它不起作用的原因

然而，我可能会说，在网站上的解释可能会更清楚一些

当我们已经在javascript中提供了from-to值时，我也会考虑将其作为CSS的一部分再次提供，这仍然很奇怪

就像网站上提到的， 将此添加到css:@keyframes自定义转换{from{transform:translateY50px；}到{transform:none；}}

在js中有这个： 函数runCustomShowStoryboard{ 返回WinJS.UI.executeAnimation 目标 { 关键帧：在中自定义平移， 属性：转换， 延迟：0， 时长：367， 计时：立方贝塞尔0.1,0.9,0.2,1， 发件人：translate50px， 致：无 }; }

---

我一直无法弄清楚自下而上的动画为什么以及如何开始工作，也许重新启动visual studio有助于

嗯，我终于弄清楚了这种奇怪的行为。关键帧应该在CSS中设置，我尝试了其他一些事情，显然这就是它不起作用的原因。