[TIL]

스크롤 위치 값 가져오기

1. window.scrollY
2. document.scrollingElement.scrollTop
3. document.documentElement.scrollTop
4. document.querySelector('html').scrollTop

: 현재 스크롤바의 위치를 숫자로 반환

example

let scrollPosition = window.scrollY || document.documentElement.scrollTop;
// IE에서는 window.scrollY property가 존재하지 않기 때문에 크로스 브라우징을 위해 || 사용

scrollHeight / scrollWidth
: 보이는 것과 상관 없이 실제 컨텐츠 영역이 얼마만큼의 크기를 갖고 있는지 확인하고 싶을 때 사용

window.innerWidth
window.innerHeight
// 창(window)틀을 뺀 내용과 스크롤을 포함한 크기

무한 스크롤

document height = window height + scroll top
// 문서전체 높이 = 화면의 높이 + 스크롤의 top이 위치하고 있는 높이