정보실

웹학교

정보실

javascript 마법의 스크롤 상호 작용을 위한 자바 스크립트 라이브러리 - ScrollMagic

본문

ScrollMagic을 사용하면 사용자의 현재 스크롤 위치에 쉽게 반응 할 수 있습니다.


https://github.com/janpaepke/ScrollMagic 


스크롤 위치를 기준으로 애니메이션 – 애니메이션을 트리거하거나 스크롤바 이동 (재생 스크럽 컨트롤과 같은)과 동기화합니다.

특정 스크롤 위치에서 시작하는 요소를 무한정 또는 제한된 양의 스크롤 진행 (스티커 요소)으로 고정합니다.

스크롤 위치에 따라 요소의 CSS 클래스를 켜거나 끕니다.

웹 사이트에 시차 효과를 손쉽게 추가 할 수 있습니다.

무한 스크롤 페이지를 생성합니다 (추가 콘텐츠의 아약스로드).

특정 스크롤 위치에서 또는 특정 섹션을 지나 스크롤 하면서 진행 매개 변수를 전달하여 콜백을 추가합니다.


http://scrollmagic.io/examples/index.html 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 7회 ]  작성일19-10-09 16:49

웹학교