javascript - Intersection Observer 类似于 api 的固定点

Question

我最近了解了IntersectionObserver，我想知道是否可以使用 IntersectionObserver 或其他 api 进行类似的操作。

我希望能够在我的根视图上定义一条固定的水平线

<div className="horz_observer" />
.horz_observer {
   position: fixed;
   top: 20vh: 
   width: 100%
 }

每当有东西越过那条线时，我想触发一个事件。

我试着做

rootView = document.querySelector(".horz_observer"); 
observer = new IntersectionObserver(rootView, callback);
observer.observe(someOtherItem) 

问题是 IntersectionObserver 只允许父组件成为根视图。

是否可以使用 IO 做我想做的事情，或者有更好的解决方案。