我已经想出了如何创建一个叠加，居中，并将它的bodyContent设置为我的页面中的现有内容。到目前为止一切都那么好 - 现在我想让过渡顺利发生在1整秒而不是瞬间完成。
我见过的例子表明，必须知道初始和最终的位置，但在这种情况下，我不知道它们，因为我只是说：
overlay.set('bodyContent', Y.one('#node'));
overlay.set('centered', true)
我在http://jsbin.com/ovuxan/5/edit创建了一个显示问题的jsbin ..（至少可以说我的过渡很糟糕），并希望能让它变得更加顺畅。
答案 0 :(得分：1)
您可以使用WidgetAnim插件为您执行此操作。它可以更清晰，因为动画存储在插件中并由小部件的hide / show函数调用。
我已经快速使用该插件为您的叠加层设置动画：http://jsbin.com/ohafec/1/edit
有用的链接：