瀏覽器支持的不一樣類型的觀察者

IntersectionObserver

介紹

IntersectionObserver 翻譯爲 "交叉觀察者"。提供了一種異步觀察目標元素與其祖先元素（默認是頂級文檔視窗）交叉狀態的方法，祖先元素被稱爲根(root)。

語法

構造函數

const io = new IntersectionObserver(cb,options);

回調函數
發生交叉的回調，接受一個entries參數，返回當前已監聽而且發生了交叉的目標集合

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

咱們看看entry裏面包含哪些經常使用屬性：

屬性	說明
isIntersecting	字面理解爲是否正在交叉，可用作判斷元素是否可見

MutationObserver

ResizeObserver

PerformanceObserver