2014-12-06 21 views
0

我有一個div的佈局,所有'清除',就像在列表中一樣。我使用jQuery的內置fadeOut函數使它們在一段時間後消失。這一切都很好。 div從一開始就一次消失。 jQuery使用淡出不透明度,最後顯示:無到'fadeOut'div。當頂部div最終淡出(顯示:無)時,底部的div全部向上移動,但它們跳起來。我想知道是否有辦法讓這個平滑(幻燈片)過渡? TIA動畫divs當別人消失

+1

我不確定你的具體用例是什麼,但你應該查看http://greensock.com/,特別是看時間線提示教程/演示 - http://greensock.com/position-parameter – LouisK 2014-12-06 18:41:14

回答

1

也許你可以在設置顯示器之前進行動畫製作:沒有給你以前的div。將第一個div不透明度設置爲0,用setInterval或setTimeout將第二個div移動到第一個div位置,然後用display:none ...來隱藏第一個div:然後沖洗並重復。

+0

感謝您的想法。我有點實現了這一點。我最終只用CSS做了兩個順序動畫。首先用不透明度將其褪色,然後將大小縮小爲0.這種邏輯的類型是「正在進行,正在進行,已經過去」。 – Ntc 2014-12-06 23:13:52