<分区>
我想复制 Pinterest.com 的 div 布局,特别是如何调整列数以适应浏览器调整大小的更多/更少,以及垂直堆叠不依赖于相邻列的高度。源代码显示每个 div 都是绝对位置。一位联合创始人回答了 Quora 的帖子,说它是用自定义 jQuery 和 CSS 完成的。我希望结果从左到右排序。如果您能提供我自己制作的任何指导,我们将不胜感激。
<分区>
我想复制 Pinterest.com 的 div 布局,特别是如何调整列数以适应浏览器调整大小的更多/更少,以及垂直堆叠不依赖于相邻列的高度。源代码显示每个 div 都是绝对位置。一位联合创始人回答了 Quora 的帖子,说它是用自定义 jQuery 和 CSS 完成的。我希望结果从左到右排序。如果您能提供我自己制作的任何指导,我们将不胜感激。
最佳答案
我编写了 Pinterest 脚本。 ID 与布局无关,用于其他与交互相关的 JS。这是其工作原理的基础:
事先:
设置一个数组:
遍历每个引脚:
结果是轻量级的。在 Chrome 中,布置包含 50 多个图钉的完整页面需要 <10 毫秒。
关于jquery - 如何复制 pinterest.com 的绝对 div 堆叠布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7109362/