01. 패럴랙스 이펙트

메뉴효과

  • 데이터 실행하기 : 화살표 함수
  • 데이터 불러오기 : forEach()
  • 브라우저 객체 : window.pageYOffset, window.scrollY, document.documentElement.scrollTop, scrollIntoView
  • 이벤트 객체 : addEventListener("scroll"),preventDefault
  • 요소 객체 : querySelector(), getAttribute
확인하기

02. 패럴랙스 이펙트

사이드 메뉴

  • 데이터 실행하기 : 화살표 함수
  • 데이터 불러오기 : forEach()
  • 브라우저 객체 : window.pageYOffset, window.scrollY, document.documentElement.scrollTop, scrollIntoView
  • 이벤트 객체 : addEventListener("scroll"),preventDefault
  • 요소 객체 : querySelector(), getAttribute
확인하기

패럴랙스 이펙트

애니메이션

  • 데이터 실행하기 : 화살표 함수
  • 브라우저 객체 : window.pageYOffset, window.scrollY
  • 이벤트 객체 : addEventListener("scroll")
  • 요소 객체 : querySelector(), innerText
확인하기