무한한 스크롤 목록을위한 IntersectionObserver를 설정하려고합니다. 목록의 마지막 항목에 도달하면 IntersectionObserver를 검사하고 싶습니다. 지금까지 내 IntersectionObserver 설정은 다음과 같습니다 <deal :deal="deal"
:key="index"
ref="deals"
v
나는 메시지를 관찰하고 메시지 타임 스탬프를 사용하여 이러한 관찰을 추적합니다. 이러한 관찰에는 중요한 조건이 있습니다. 페이지에서 클라이언트 작업이 없으면 (커서가 움직이지 않거나 아무것도 입력하지 않은 경우) 추적 타임 스탬프가 업데이트되어서는 안됩니다. 꽤 자주 클라이언트는 새로운 메시지를 얻지 만 활동은 없습니다. 이는 Observer가 완전히 관찰
IntersectionObserver은 매우 새롭고 실험적인 API이며 현재 모든 브라우저에서 not fully supported입니다. 많은 용도로 사용되지만 현재 가장 눈에 띄는 것은 이미지를 게으른로드하는 것입니다. 즉, 웹 사이트에 많이있는 경우입니다. Lighthouse으로 웹 사이트를 감사하는 경우는 recommended by Google입니다.
교차 관찰자 객체가 작동하지만 교차점의 맨 아래 또는 100pixels에 대해 한 번 알려주고 싶습니다. 기본 구성에서는 요소가 정확히 표시되면 .isIntersection의 값만 변경됩니다. 그러나 요소가 뷰포트의 위 또는 아래 100 픽셀 인 경우 몇 가지 작업을 수행하려고합니다. 내가 이것을 사용 답변을 사용자에게 감사 var iObserver = n