Javascript 调用滑出后的Extjs stange效果

当我调用slideOUT时，div高度降低到零，所有组件向上滚动！ 如何保持Div高度。 目标是滑出一张图片，然后滑入另一张图片。 但简单地说，我在slideIn和slideOut之间有一个奇怪的效果。 因为div高度降低到零

 Ext.get("MENUNAV_nouvelle_commande").slideOut('r', {
     easing: 'easeOut',
     duration: 1000,
     remove: false,
     useDisplay: false
 });

Ext.get("MENUNAV_nouvelle_commande").slideIn('l', {
     easing: 'easeIn',
     duration: 1000
 });

---

我不能100%确定您看到了什么效果，但我假设您的意思是，当您使用slideIn（）和slideOut（）时，所有其他HTML元素都被移动/重新定位，以便为新元素腾出空间。这很有意义，一种简单的方法是将滑动元素的样式设置为position:absolute

如果要使图元保持其相对于屏幕上其他图元的位置，可以将其放置在相对定位的父图元中

<div style="position:absolute;" id="MENUNAV_nouvelle_commande"></div>

<script>
Ext.core.DomHelper.applyStyles(Ext.get("#MENUNAV_nouvelle_commande"), {
    top:  (window.innerHeight / 2) + 'px',
    left: '0'
});

Ext.get('#MENUNAV_nouvelle_commande).slideIn('t', { options });
</script>

Ext.core.DomHelper.applyStyles（Ext.get（“#menunan_nouvelle_commande”）{
顶部：（window.innerHeight/2）+“px”，
左：“0”
});
Ext.get（'#menunna_nouvelle_command）.slideIn（'t'，{options}）；

希望有帮助