[JavaScript] 무한 스크롤

2023년 08월 07일

KIMJAVAN
작성자
2023.08.07.: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);
  }
}

'자바스크립트 > JavaScript' 카테고리의 다른 글

[JavaScript] 해당 섹션이 화면에 보일 때 애니메이션을 실행하는 코드 (0)	2023.10.18
[JS] for each로 gsap 사용하기 (0)	2023.10.05
[JavaScript] 새로 고침 시 최상단으로 이동하는 코드 (0)	2023.08.11
[JavaScript] 변수 / 재할당 (0)	2023.08.07
[JavaScript] Queryselector/ClassList (0)	2023.08.07

다음 글이 없습니다.

이전 글이 없습니다.

'자바스크립트 > JavaScript' 카테고리의 다른 글

티스토리툴바