01. 패럴랙스 이펙트

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

  • 데이터 저장하기 : 변수
  • 데이터 불러오기 : for문, forEach( ), for in문, for of문
  • 브라우저 객체 : 속성 : window.pageYOffset, window.scrollY, document.documentElement.scrollTop, scrollIntoView( )
  • 함수 : parseInt( )
  • 요소 객체 : 메서드 : querySelector( ), querySelectorAll( ), getAttribute( ), innerText
  • 이벤트 객체 : 메서드 : addEventListener("scroll"), addEventListener("click"), preventDefault
확인하기

02. 패럴랙스 이펙트

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

  • 데이터 저장하기 : 변수
  • 데이터 불러오기 : for문, forEach( ), for in문, for of문
  • 브라우저 객체 : 속성 : window.pageYOffset, window.scrollY, document.documentElement.scrollTop, scrollIntoView( )
  • 함수 : parseInt( )
  • 요소 객체 : 메서드 : querySelector( ), querySelectorAll( ), getAttribute( ), innerText
  • 이벤트 객체 : 메서드 : addEventListener("scroll"), addEventListener("click"), preventDefault
확인하기

03. 패럴랙스 이펙트

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

  • 데이터 저장하기 : 변수
  • 데이터 불러오기 : for문, forEach( ), for in문, for of문
  • 브라우저 객체 : 속성 : window.pageYOffset, window.scrollY, document.documentElement.scrollTop, scrollIntoView( )
  • 함수 : parseInt( )
  • 요소 객체 : 메서드 : querySelector( ), querySelectorAll( ), getAttribute( ), innerText
  • 이벤트 객체 : 메서드 : addEventListener("scroll"), addEventListener("click"), preventDefault
확인하기

AA. 패럴랙스 이펙트

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

  • 데이터 저장하기 : 변수
  • 브라우저 객체 : 속성 : window.pageYOffset, window.scrollY, document.documentElement.scrollTop, scrollIntoView( )
  • 함수 : parseInt( )
  • 요소 객체 : 메서드 : querySelector( ), querySelectorAll( ), getAttribute( ), innerText
  • 이벤트 객체 : 메서드 : addEventListener("scroll")
  • 라이브러리 : skrollr : 스크롤 효과
확인하기