在幻灯片放映时，extjs隐藏面板闪烁

Question

我需要在点击事件上显示一个面板。面板需要在show上滑入视图，并且需要一旦显示（具有click事件的按钮）就锚定到按钮。

面板配置（helpPanel）如下：

{
    xtype: 'container',
    autoScroll: true,
    hidden: true,
    floating: true,
    shadow: false,
    listeners: {
        show: function(panel) {
            panel.el.slideIn('r', {
                easing: 'easeOut',
                duration: 500
            })
        }
    }
}

该面板显示在按钮的点击事件处理程序中：

helpPanel.showBy(helpButton, 'tr-br');

它工作正常，除了在显示面板之前有快速/小闪烁。有点像面板，然后在再次滑入视图之前隐藏它。

这是实施幻灯片放映的正确方法吗？

谢谢

小提琴： http://jsfiddle.net/cs2014/nwvahc60/

Answer 1

您可以在屏幕外显示该面板，然后使用animate方法将其滑入。