是否可以使用 Intersection Observer 来检查元素是否穿过视口的中间？

Question

我了解如何使用Intersection Observer来检查一个元素是否进入了视口，例如下面的代码：

const el = document.querySelector('#el')
const observer = new window.IntersectionObserver(([entry]) => {
  if (entry.isIntersecting) {
    console.log('ENTER')
    return
  }
  console.log('LEAVE')
}, {
  root: null,
  threshold: 0.1, // set offset 0.1 means trigger if atleast 10% of element in viewport
})

observer.observe(el);

是否可以检测元素是否穿过视口的中间（从顶部'50vh' ）？

如果是这样，为了清楚起见，您能否包含一个代码示例？