【问题标题】:jquery - issue populating hidden divjquery - 填充隐藏div的问题
【发布时间】:2011-10-28 13:11:47
【问题描述】:

我有一个 div,我用一个对 flickr 的 ajax 调用来填充它。目标是用照片填充 div,然后在 div 中淡入淡出。问题是我使用 javascript 根据最短的列将照片分配到 3 列,但如果 div 最初是隐藏的,则没有维度,因此分配脚本失败并将所有图像放在第一列。

有没有办法隐藏 div 但让它仍然有高度?顺便说一句,使用visibility: hidden 是行不通的。

【问题讨论】:

  • 所有图片的尺寸是一样的还是不同的?

标签: jquery css ajax


【解决方案1】:

作为一种技巧,您通常可以通过将元素的边距设置为 -3000 像素(或任何其他大数字)来假装不可见。该元素将保留其宽度和高度,但会呈现在屏幕视图之外。

【讨论】:

  • 这不会导致滚动条吗?
  • 这确实有效。我只需要弄清楚顺序。 margin: -9999pxload contentmargin: ''hidefadeIn。它导致了包装 div 的一个小问题,但这是另一回事。
  • 这通常不会导致滚动条,但它可能取决于您现有的 css 和 html。例如,试试这个测试 html:
【解决方案2】:

我喜欢使用jQuery Masonry 来处理类似的事情。请务必查看basic single-column demo。我想你想要达到的就是这个效果。

【讨论】:

  • 是的,我在制作自己的剧本后看到了 Masonry。它看起来很酷,但我现在并不需要它。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-12-25
  • 1970-01-01
相关资源
最近更新 更多