티스토리 뷰

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

댓글
댓글쓰기 폼
Total
923,157
Today
43
Yesterday
196
«   2021/06   »
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30      
글 보관함