01. 패럴랙스 이펙트 : 메뉴 효과

마우스를 스크롤할 때 메뉴가 바뀌는 효과입니다.

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

02. 패럴랙스 이펙트 : 사이드 메뉴

마우스를 스크롤할 때 사이드 메뉴가 바뀌는 효과입니다.

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