[책] 자바스크립트 코드 레시피 278 - 107일차

스크롤 이벤트 처리하기

• 스크롤 분량에 따라 요소의 표시를 지연시키고 싶을 때

구문

scroll 대상 요소의 스크롤 작업

실습

scroll 이벤트는 대상 요소의 스크롤 작업 실행 시 발생하며, 주로 window 객체에서 사용됩니다. 세로는 scrollY 가로는 scrollX로 확인 가능합니다. 스크롤 분량에 따라 처리를 구분하고 싶을 때 유용합니다.

window.addEventListener('scroll', () => {
  console.log('스크롤 작업', window.scrollX, window.scrollY);
});