javascript - 可以使用 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'从顶部）？

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

标签： javascripthtmlintersection-observer