무한스크롤링

박상은·2021년 8월 26일
0

🎁 분류 🎁

목록 보기
3/16

무한스크롤링

사용자가 페이지를 스크롤할 때 특정 이하로 페이지가 내려가면 새로운 정보를 불러오도록 이벤트등록

  1. window.scrollY : 현재 스크롤 위치
  2. document.documentElement.clientHeight : 현재 브라우저 높이
  3. document.documentElement.scrollHeight : 전체 스크롤 길이

따라서 스크롤을 맨밑으로 붙이면
window.scrollY + document.documentElement.clientHeight = document.documentElement.scrollHeight

IntersectionObserver API를 이용한 무한 스크롤링 방식도 추가하기

0개의 댓글