javascript - 当其他人消失时动画div

标签 javascript jquery html css css-transitions

我有一个 div 布局,它们都“清晰”,就像在列表中一样。我使用 jQuery 的内置 fadeOut 函数使它们在一定时间后消失。这一切都很好。 div 从顶部开始一次消失一个。 jQuery 用于淡化不透明度,最后显示:无以“淡出”div。当顶部的 div 最终淡出(显示:无)时,它下面的 div 全部向上移动,但它们会跳起来。我想知道是否有办法使这个平滑(幻灯片)过渡?时间差

最佳答案

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

关于javascript - 当其他人消失时动画div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27334581/

相关文章:

javascript - JQuery 日期选择器

javascript - 如何通过 jQuery/js 在内联 css 中添加 flex 而不是 block

javascript - 通过计时器在照片库上切换聚焦图片

html - jQuery Mobile 的基本 header

javascript - 使用 HTML 下拉列表显示默认值

javascript - 找到两个相邻且接触的标签,并对它们进行 CSS 更改

javascript - 如何从 javascript 客户端验证 azure blob 存储 md5 哈希值?

javascript - Javascript音频播放器-将.ogg添加到.mp3数组

javascript - Chrome 扩展中的 Vue.js

javascript - 动画 Svg 路径 D 坐标