在流体网站中动画 div 位置

Posted

技术标签:

【中文标题】在流体网站中动画 div 位置【英文标题】:Animating div postion in fluid website 【发布时间】:2011-10-22 08:51:40 【问题描述】:

我正在寻找一种方法来为流体网页中多个 div 的重新定位设置动画,div 没有固定大小,因此砌体脚本无法做到这一点。

有人知道吗?

【问题讨论】:

jQuery Masonry 应该支持流体布局:masonry.desandro.com/demos/fluid.html。流体是什么意思? 没错,但砌体与柱子一起工作并相应地排列 div 我不想改变 div 的外观我只想要动画 您能否详细说明重新定位 div 的含义? 我的意思是在窗口调整大小后重新定位,所以我有几个内联块 div 向左浮动,当我调整浏览器大小时,一些移动到第二行。这就是我想要制作的动画。 查看有关您要制作动画的元素的代码会有所帮助。以为我几乎可以肯定我不知道需要什么来制作动画。 【参考方案1】:

只使用单列? http://masonry.desandro.com/demos/basic-single-column.html

【讨论】:

以上是关于在流体网站中动画 div 位置的主要内容,如果未能解决你的问题,请参考以下文章

位置2并排流体/响应(未知宽度)

填充导致重叠,流体设计? [复制]

HTML 流体(百分比宽度)无法正确缩放

dataTableOutput 顶部和底部的空“行流体”div

如何构建“滑入”的 CSS 动画,在完成滑动后显示文本/div?

如何使我的徽标 JS 动画像网站上的图像徽标一样缩放?