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

放映幻灯片时,extjs隐藏面板闪烁,extjs,show,hidden,slide,flicker,Extjs,Show,Hidden,Slide,Flicker,我需要在单击事件上显示一个面板。该面板需要在显示时滑入视图,并且需要在显示后定位到按钮(具有单击事件的按钮) 面板配置(帮助面板)如下所示: { xtype: 'container', autoScroll: true, hidden: true, floating: true, shadow: false, listeners: { show: function(panel) { panel.el.slid

我需要在单击事件上显示一个面板。该面板需要在显示时滑入视图,并且需要在显示后定位到按钮(具有单击事件的按钮)

面板配置(帮助面板)如下所示:

{
    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');
它工作正常,只是在显示面板之前有一个快速/小的闪烁。有点像显示面板,然后在再次滑入视图之前将其隐藏

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

多谢各位

小提琴:

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

我确实看过,但我很难(a)将面板固定到按钮上,以及(b)滑动