jquery - 将网格项动画到新位置

标签 jquery css insert grid-layout

我在网格中有一组大小相等的 float 元素。 现在我通过 jquery .after() 插入另一个更大的元素,它占据了容器的整个宽度,因此需要自己的行。

紧随插入元素之后的元素需要重新定位并移动到下一行。

我想为这个 Action 制作动画。

现在我知道有很多插件,如 isotope、mixitUp 或 masonry 可以做这类事情,但我觉得它们对于“简单”的东西来说有点过分了。

最佳答案

您可以使用 css 或 jQuery 为新框的宽度设置动画,让它从 0% 滑动到 100%。较小的盒子不会漂浮到各自的位置,它们会被推到右侧,然后弹出到下一行,但这很容易并且可能工作得很好。

关于jquery - 将网格项动画到新位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23879097/

相关文章:

javascript - CKeditor ( 4.3.3 ) 和函数 ( onclick ) 添加 HTML 到编辑器并刷新 View

javascript - 为 ajax 调用显示的覆盖层,但在没有 ajax 的情况下调用时不显示

CSS 省略号不适用于此 div

javascript - NVD3 图表 'No Data' 消息未居中

php - 写入 MYSQL 表不起作用

MySQL-从另一个表插入与常量合并的数据

jquery - 在jquery中为canvas元素添加id值

JavaScript "close button"不工作

jquery - 航点菜单突出显示

javascript - 使用 jQuery 在 n 个元素后插入一个 div