자바스크립트 스크롤리파이 애니메이션 예제 (Scrollify Animation)

Scrollify.js

See the Pen 자바스크립트 스크롤리파이 애니메이션 예제 (Scrollify Animation) by kimyangsun (@kimyangsun) on CodePen.

 

자바스크립트 스크롤리파이 애니메이션 예제 (Scrollify Animation) 입니다.

코드펜 소스 코드로 자세히 보실 수 있으며

3페이지에서 4페이지로 넘어갈땐 핸드폰도 같이 움직이도록 구현된 예제입니다.

 

게시글 페이지에선 스크롤 내릴때 화면도 같이 내려가서 링크를 통해 새창으로 확인하시는게 더 좋을거 같아요.

https://codepen.io/kimyangsun/pen/VwYOWry

자바스크립트 스크롤리파이 애니메이션 예제 (Scrollify Animation)

 

원페이지 스크롤 기능을 pageable, fullpage, scrollify 세개를 다 써봤는데

각각 장단점이 있는거 같습니다. 다음에는 다른 원페이지 스크롤 기능 예제를 만들어서 업로드하도록 할게요 :)