javascript - 요소가 화면의 표시 영역 아래쪽으로 스크롤되었는지 확인하는 방법은 무엇입니까?

Question

요소는 원래 화면의 보이는 영역 하단 위에 위치했습니다. 스크롤 막대를 위로 스크롤하면 이 요소가 화면 하단에 닿을 때 기능을 실행하고 싶습니다. .. 그러면 요소가 화면 하단에 닿는 것을 어떻게 캡처할 수 있나요?

Answer 1

으아아아

요소가 바닥에 닿으면 빨간색으로 변하고, 그렇지 않으면 흰색으로 변합니다

으아아아

Answer 2

js 박스 모델을 통해 요소의 현재 scrollTop 및 clientTop을 가져온 다음 상자 높이를 알면 판단할 수 있습니다.

Answer 3

으아아아