01. 패럴랙스 이펙트

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

  • 데이터 저장하기 : 변수
  • 데이터 불러오기 :for문, forEach문
  • 이벤트 객체 : addEventListener("scroll")
  • 브라우저 속성 : pageYOffset, scrollY
  • 요소 속성 : scrollTop
  • 요소 객체 : querySelector, querySelectorAll, getElementById, getAttribute, offsetTop
패럴랙스 효과 페이지 이동

02. 패럴랙스 이펙트

패럴랙스 이펙트 : 메뉴 효과(dot)

  • 데이터 저장하기 : 변수
  • 데이터 불러오기 : forEach문
  • 이벤트 객체 : addEventListener("click""scroll")
  • 브라우저 속성 : pageYOffset, scrollY
  • 요소 속성 : scrollTop
  • 요소 객체 : querySelector, querySelectorAll, getAttribute, offsetTop
패럴랙스 효과 페이지 이동

03. 패럴랙스 이펙트

패럴랙스 이펙트

  • 데이터 저장하기 :
  • 데이터 불러오기 :
  • 이벤트 객체 :
  • 이벤트 속성 :
  • 요소 객체 :
패럴랙스 효과 페이지 이동

패럴랙스 이펙트 intro 페이지

skroll.js 플러그인을 사용하여 패럴랙스 효과를 사용한 intro페이지 입니다.

패럴랙스 효과 페이지 이동
To Top