Jquery响应式布局浮动动画
我在找一些东西，但我不知道它叫什么，也不知道在哪里可以找到项链信息。
http://ricklancee.com/jquery-layout
^所以我现在得到的是一个100%宽度(当前浏览器宽度)的网站，我在其中放置了一些元素，带有固定的with (240px)和float: left；当我将窗口变小时，它们会将它们的self放置在彼此的下面。
当它们在彼此下面漂浮时，我想要它们做的就是将它们动画到那个位置。
http://masonry.desandro.com/显示了一个示例，当您调整窗口大小时，元素将浮动/动画到新位置。
有人能告诉我这是怎么做到的吗，这项技术叫什么，或者我在哪里可以找到这是如何做到的？
我不知道使用哪个插件，只是为了教育目的自己编写脚本。
非常感谢,
回答 1
Stack Overflow用户
发布于 2012-07-11 09:22:10
通过一个浮动，浏览器可以处理这类事情。
如果你想自己去做，事情就会变得很复杂。
您需要对div进行绝对定位。position: absolute; -并确保父div有position: relative;，然后添加一个侦听器来监视resize事件，并在调用resize事件时计算div的新位置。
请参阅：http://api.jquery.com/resize/
实际上，给他们的新家添加动画很简单--只需要$(....).animate({top: xx, left: xx})。困难的部分将是计算他们应该去哪里。
当然，这是可行的。
当你绑定resize事件时，使用.one()，这样你只会被调用一次。然后，当您被调用时，添加一个setTimeout()以将实际计算延迟1/2秒。然后计算位置并为其设置动画。
仅当动画完成后，才再次绑定事件。你不想在此之前绑定，否则你会有多个动画同时运行。(请确保只绑定其中一个动画，而不是所有动画，因为您将有多个div进行动画处理。)
https://stackoverflow.com/questions/11429406
复制
腾讯云开发者
