티스토리 뷰

Waypoint

일단 http://inkandspindle.com 사이트 접근 후
스크롤을 내리면서 보면
스크롤 위치에 따라 요소들을 컨트롤하고 있음을 알 수 있다.

소스를 보니 class명에 공통적으로 js-waypoint가 있길래
해당 플러그인을 찾아보았더니

jQuery Waypoints 홈페이지(http://imakewebthings.com/jquery-waypoints/)를 찾을 수 있었다.

시작하기 페이지(http://imakewebthings.com/jquery-waypoints/#get-started)로 이동 후
스크롤을 내리며 보면
중앙 상단에 메세지 알림이 나타나는것을 볼 수 있다.

응용하면 첫머리에 언급했던
사이트에 적용된 효과를 표현해 낼 수 있음을 확인할 수 있다.


다운로드 = https://github.com/imakewebthings/jquery-waypoints/zipball/latest

또는 v2.0 압축파일을 아래에 올려둠.

jquery-waypoints.zip


Scrollspy

https://github.com/sxalexander/jquery-scrollspy

댓글