IntersectionObserver的用例是什么？

Question

我刚刚在mozilla dev上发现了新的Intersection Observer API。我正在经历它。它说：

  

Intersection Observer API允许您配置回调   只要一个项目（称为目标）与其相交，就会调用   设备视口或指定的元素;就此API而言，   根元素。

它通过以下代码片段解释：

var options = {
    root: document.querySelector('#scrollArea'),
    rootMargin: '0px',
    threshold: 1.0
}
var callback = function(entries, observer) { 
    /* Content excerpted, shown below */ 
};
var observer = new IntersectionObserver(callback, options);

我想知道它的用例。 Doc只讨论如何使用它。它确实解释了它可以在哪里使用。感谢

Answer 1

我使用IntersectionObserver，我非常喜欢它。

一个用例可能是在您的网站中延迟加载图片，优化您的网站有效负载，以便仅执行当时用户需要查看的图片获取。