jquery - 使用假滚动触发 Lazyload

Question

我使用 Lazyload 不加载隐藏 div 中的图像。当我使用 onClick 事件显示我的 div 时，图像保持隐藏状态。我需要滚动它们才能出现。

是否可以在显示 div 后创建假滚动以触发 Lazyload？

我创建了一个 scrollTop 事件，但我的页面已经在顶部，所以它不起作用。

Answer 1

我也看到了延迟加载的这个问题，当你显示一个以前隐藏的 div 时，页面仍然需要一个微小的滚动事件来“唤醒”延迟加载图像。所以模拟一个。在您的 div 上首次调用 show 后，您可以立即完成此操作且无需动画：

$('body,html').scroll();

这将“滚动”网页，而用户实际上没有注意到任何页面滚动，但它会加载延迟加载的图像。

Answer 2

创建一个 1 px 的 scrollBottom 事件。

粗略但有效。

$('body,html').animate({
scrollTop: $(window).scrollTop() + 1
}, 300);
return false