0

slideOUT を呼び出すと、div の高さがゼロになり、すべてのコンポーネントが上にスクロールします。Div の高さを維持する方法。目標は、画像をslideOutし、別の画像をslideInした直後です。しかし、簡単に言うと、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
 });
4

1 に答える 1

0

どのような効果が見られるかは 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>

それが役立つことを願っています。

于 2012-10-04T14:28:20.063 に答える