Я недавно узнал о 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, или есть лучшее решение.