Javascript 当其他div消失时设置div动画

Javascript 当其他div消失时设置div动画,javascript,jquery,html,css,css-transitions,Javascript,Jquery,Html,Css,Css Transitions,我有一个分区的布局,所有的“清除”,就像在一个列表中。我使用jQuery的内置淡出功能,使它们在一定时间后消失。这一切都很好。从顶部开始,div一次消失一个。jQuery使用淡出不透明度并最终显示:none来“淡出”div。当顶部div最终淡出(显示:none)时,它下面的div都会向上移动,但它们会向上跳。我想知道是否有一种方法可以使这成为一个平滑(滑动)的过渡?TIA在设置显示:无之前,您可以先制作动画。将第一个div不透明度设置为0,使用setInterval或setTimeout将第二个

我有一个分区的布局,所有的“清除”,就像在一个列表中。我使用jQuery的内置淡出功能,使它们在一定时间后消失。这一切都很好。从顶部开始,div一次消失一个。jQuery使用淡出不透明度并最终显示:none来“淡出”div。当顶部div最终淡出(显示:none)时,它下面的div都会向上移动,但它们会向上跳。我想知道是否有一种方法可以使这成为一个平滑(滑动)的过渡?TIA

在设置显示:无之前,您可以先制作动画。将第一个div不透明度设置为0,使用setInterval或setTimeout将第二个div移动到第一个div位置,然后使用display:none隐藏第一个div。。。然后冲洗并重复。

我不确定您的具体用例是什么,但您应该查看,尤其是观看时间线提示教程/演示-谢谢您的想法。我实现了这一点。最后我用CSS做了两个连续的动画。首先使用不透明度使其褪色,然后将大小缩小为0。一种“走,走,走”的逻辑。