使用假滚动触发Lazyload

Question

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

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

我创建了一个scrollTop事件，但我的页面已经位于顶部，因此它无效。

Answer 1

我已经看到了Lazy Load的这个问题，如果你显示以前隐藏的div，页面仍然需要一个小的滚动事件来“唤醒”Lazy Load图像。所以模拟一个。 你可以在你的div上首次调用show后立即完成这个并且没有动画：

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

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

Answer 2

创建1 px的scrollBottom事件。

粗略但有效。

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