javascript - 从 DOM 中删除元素时过渡位置发生变化

标签 javascript

我有一个垂直的图像列表,用户可以通过单击它们来删除它们。一旦元素从 DOM 中移除,行中的下一个元素就会向上捕捉到其位置。我怎样才能为这个位置变化做一个平滑的 CSS 过渡?

http://jsbin.com/dewiqilope/edit?html,js,output

最佳答案

您可以使用 jQuery 动画。

$('#element-selector').on('click', function () {
    $(this).slideUp(); // also you can use .fadeOut()
});

关于javascript - 从 DOM 中删除元素时过渡位置发生变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32640364/

相关文章:

javascript - 表示树数据的 Backbone 集合

javascript - 在文本框中按下 Enter 键时,重定向到 page.aspx

javascript - d3 复利债务

javascript - 使用 <Link> 时 React Router 显示空白页面

JavaScript 映射并同时查找 : findMap?

javascript - 将内容向下移动到固定位置标题后面

javascript - 如何通过滚动动画 CSS 过渡效果?

javascript - 删除 <a> 标签内图片中的链接

javascript - twemoji 不转换字符串

javascript - 焦点()将不起作用