jQuery Slide Slide;內容在滑動過程中消失

Question

使用jQuery效果，我有一個包含HTML集合的圖層（顯示效果很好）。

當點擊一個按鈕，這滑出

($n).show('blind', { direction: left }, 1000); 

這種影響正常工作。它不給我任何麻煩。但有時在圖層中，我有其他內容必須使用浮點數正確對齊。

<div class="sliding-panel"> 
<div style="float: left"> 
This content goes on the left 
</div> 
<div style="float: left"> 
This content goes next to the first content! 
</div> 
</div> 

在HTML中，這工作正常。並且它在滑出面板上呈現得很好 - 但是在滑動動畫期間，整個窗格都是透明的。然後，只要動畫完成，它就會「出現」。

關於如何擺脫這種粘性效應的任何想法？如果可能，我試圖避免多餘的顯示/隱藏效果，因爲不是每個「滑動」窗格的實例都有這樣的要求。我希望只是一個CSS我缺少的問題。

Answer 1

添加

.sliding-panel { 
    overflow: hidden; 
    zoom: 1; 
} 

到您的樣式表

Answer 2

如果在容器中只有浮動元素，則試圖進行動畫處理。你需要在容器中添加一些clearfix。

這裏有一個option，你可以玩。