IntersectionObserver 적용후, 빠른 scroll(by scrollIntoView, scrollTop)시 등록한 callback이 제대로 실행되지 않는것 같은 이슈
experience IntersectionObserver로 특정 element(sentinel) 를 기준으로 해당 element가 화면에 노출되면 특정액션(A)을 하고, 사라지면 다시 A를 해제하는 기능을 구현중 다음과 같은 현상이 발생.. - situation : sentinel이 상당히 긴 페이지 중간 쯤에 있고, 현재화면(페이지 최상단)에서는 sentinel도 보이지 않는 상황!! 이후 페이지 가장하단의 element로 scrollIntoView 또는 scrollTop을 이동시켜 sentinel이 현재화면 하단에서 올라와서 위로 올라가버리도록 다음과 같이 시도!! 1. sentinel이 보여지는 화면 밑 부분으로 순간 나타남. 2. 현재 화면 밑에서 화면 위로 올라감. 3. 화면 위에서 더 위(현재 화면에서 안보이는 상태)로 사라짐.. 이때, 생각은 1번 상황에서 callback이 실행되고, 3번 상황에서 callback이 또한번 실행될 것으로 생각했지만... callback자체가 실행되지 않음..!! @.@ 3번까지 가지 않고, 2번 정도에서 멈추게 되면 callback은 발생함!! (최종 상태(스크롤이 멈췄을때의 sentinel 위치)에서만 발생!) 즉, scrollIntoView나 scrollTop을 이용하는 경우, 해당 scrollParent의 scroll 이벤트는 발생하지만, IntersectionObserver는 최종 상황이 기준인 것으로 보임..