Extjs 如何更改sencha中面板的SLIDEIN动画的位置

我有一个自定义面板，现在我为面板添加了动画，以便在单击按钮时显示。现在的问题是动画的开始和停止位置。我想设置动画开始位置和结束位置

现在我这样做

showAnimation:{
键入：“slideIn”，
方向：'向上'，
持续时间：400，
放松：“放松”，
听众：{
动画结束：功能（evt、obj）{
//我的代码在这里
}
}
}

---

这显示了从屏幕底部弹出的窗口，但我不想从屏幕底部一直弹出。有办法吗？

您可以使用

Ext.Animator.run

而不是

showAnimation

。 以下是示例：

Ext.Animator.run({
    element: this.getNavigation().element, // this.getYourViewObject().element
    duration: 500,
    easing: 'ease-in',
    preserveEndState: true,
    from: {
       top: document.body.clientHeight // Max Height i.e Bottom
     },
     to: {
        top: 0 // Height where you want to stop your Slide View
     }
 });

---

如果你仍然不明白，请随时发表评论。我会给你做一个演示。

很酷。这对我有用。谢谢你的帮助。这就是我要找的。我接受了你的回答，并同意了。谢谢你，工作很好，但我刚刚注意到了动画。它不像“slideIn”动画那样平滑。它有些闪烁。你能修复这种闪烁效果吗？请问您注意到“持续时间”了吗？如果您想要快速平滑的动画，请将其减少。比方说，将其减少到250或300并查看效果。无论持续时间如何，动画中始终会有一些闪烁。