[JavaScript] 무한 스크롤

KIMJAVAN 2023. 8. 7. 11:07

728x90

먼저, HTML의 body 태그에 스크롤 이벤트 리스너를 추가합니다:

그리고 JavaScript에서 checkScrollPosition 함수를 다음과 같이 정의합니다:

function checkScrollPosition() {
  // 문서의 높이와 창의 스크롤 위치를 계산
  const totalHeight = document.body.scrollHeight;
  const scrollPosition = window.scrollY + window.innerHeight;

  // 스크롤이 끝까지 내려갔는지 확인
  if (scrollPosition >= totalHeight) {
    // 스크롤 위치를 처음으로 되돌림
    window.scrollTo(0, 0);
  }
}