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
확인하기