有没有办法动态显示 DIV，类似于延迟加载延迟图像加载的方式答案

【问题标题】：Is there a way to dynamically reveal a DIV similar to the way that Lazy Load delays the loading of images有没有办法动态显示 DIV，类似于延迟加载延迟图像加载的方式
【发布时间】：2011-04-04 13:40:59
【问题描述】：

如何隐藏一个 DIV 直到它被滚动到？

我想加快几个大背景图片的加载速度，因为这些不是 IMG 元素，所以延迟加载并不是一个真正的选择。我考虑过的其他事情包括将我的页面分成三个部分并使用无限滚动插件并将背景图像替换为 z-index 中较低的 IMG。

非常感谢！

【问题讨论】：

我怀疑隐藏 DIV 是否会导致其背景图像无法加载。您可能需要定义没有背景的 div，并在页面滚动时动态设置背景。

标签： jquery wordpress infinite-scroll

【解决方案1】：

所有 CSS 背景图片都会在样式表解析后不久加载。您无法更快地加载它们。如果它们很大，请考虑更好的压缩。使用几个较小的图像不会使它们加载得更快，因为除了下载时间之外，每个图像都有网络开销。

您可以通过将"display:none" 添加到您的DIV 并在页面加载后使用$('divName').fadeIn('slow') 来制造“延迟加载”的外观。

【讨论】：