IntersectionObserverで目次(TOC)を実装する

const observer = new IntersectionObserver((entries: IntersectionObserverEntry[]) => {
  entries.forEach((entry) => {
    // 要素が領域内に入ったときにtrue、出たときにfalseになる
    console.log(entry.isIntersecting)
  })
})

// 監視対象をObserverに追加する
headingElements.forEach(headingElement => {
  observer.observe(headingElement)
})