javascript - JS는 어떻게 이미지를 동적으로 로드하여 이미지가 화면에 있는지 확인합니까?

Question

그러면 화면에 대상 영역이 나타날 때 마우스가 아래로 스크롤되고 이미지가 로드됩니다. 그렇다면 대상 영역이 화면에 나타나는지 어떻게 확인할 수 있을까요?

阿神 · Answer

이미지의 getBoundingClientRect() 메서드를 통해 뷰포트 를 기준으로 왼쪽, 위쪽, 오른쪽 및 아래쪽
을 반환하여 뷰포트에 있는지 확인합니다.

참조 getBoundingClientRect

高洛峰 · Answer

이미지에서 페이지 헤드까지의 거리를 계산한 다음 스크롤 막대의 스크롤 거리를 감지합니다