01. 페럴랙스 이펙트

페럴랙스 이펙트 : 메뉴 효과

  • 데이터 저장하기 : 변수
  • 데이터 불러오기 : forEach()
  • 데이터 실행하기 : 화살표 함수
  • 이벤트 객체 : window.pageYOffset, window.scrollY, document.documentElement.scrollTop, offsetTop
  • 브라우저 객체 : 속성 : window.pageYOffset, window.scrollY, document.documentElement.scrollTop, scrollIntoView( )
  • 요소 객체 : querySelector(), querySelectorAll(), getAttribute(), classList
확인하기

02. 페럴랙스 이펙트

페럴렉스 이펙트 : 사이드 메뉴

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