像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仅允许父组件成为rootview。

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