浏览器支持的不一样类型的观察者

IntersectionObserver

介绍

IntersectionObserver 翻译为 "交叉观察者"。提供了一种异步观察目标元素与其祖先元素（默认是顶级文档视窗）交叉状态的方法，祖先元素被称为根(root)。

语法

构造函数

const io = new IntersectionObserver(cb,options);

回调函数
发生交叉的回调，接受一个entries参数，返回当前已监听而且发生了交叉的目标集合

new IntersectionObserver(entries => {
  entries.forEach(entry => console.log(entry));
  // ...
});

咱们看看entry里面包含哪些经常使用属性：

属性	说明
isIntersecting	字面理解为是否正在交叉，可用作判断元素是否可见

MutationObserver

ResizeObserver

PerformanceObserver