Question

当我调用slideOUT时，div高度减小到零，所有组件向上滚动！如何保存Div高度。目标是slideOut一张图片，刚刚滑入另一张图片。但简单地说，我在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
 });

Answer 1

我不是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>

希望有所帮助。

调用SlideOut后的Extjs stange效果

1 个答案: