懒惰加载和卸载图像

Question

我有一个包含许多标签的html文件。

我想在滚动事件上加载图像，并卸载不可见的图像。 就像在Aamzaon查看器中一样，当你向上/向下滚动时，框架中的当前图像是延迟加载的。

我看到了很多LazyLoad工具，但没有一个工具具有卸载功能。

Answer 1

使用此插件jquery：https://github.com/morr/jquery.appear 并使用事件：似乎显示图像并消失以卸载图像：

$('someselector').on('appear', function(event, $all_appeared_elements) {
  // this element is now inside browser viewport
});
$('someselector').on('disappear', function(event, $all_disappeared_elements) {
  // this element is now outside browser viewport
});