Javascript IntersectionObserver的用例是什么?

Javascript IntersectionObserver的用例是什么?,javascript,html,Javascript,Html,我刚刚在mozilla开发中发现了一些新的东西。我正在浏览。它说: 交叉点观察者API允许您配置 每当一个称为目标的项与 设备视口或指定的元素;就本API而言, 根元素 并用以下代码片段进行解释: var options = { root: document.querySelector('#scrollArea'), rootMargin: '0px', threshold: 1.0 } var callback = function(entries, observer)

我刚刚在mozilla开发中发现了一些新的东西。我正在浏览。它说:

交叉点观察者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只谈到如何使用它。它确实解释了在哪里可以使用它。谢谢

我正在使用IntersectionObserver,我非常喜欢它


一个用例可以是在您的网站中延迟加载图像,优化您的网站负载,以便只执行用户当时需要查看的图像获取。

很有意义。谢谢:)