수다공작소

[제이쿼리 JQuery] 사이트에서 앵커를 부드럽게 움직이게 하는 방법 본문

블로그팁

[제이쿼리 JQuery] 사이트에서 앵커를 부드럽게 움직이게 하는 방법

수다공작소 2014. 1. 2. 15:42

How to move smoothly to specific area on website


프로모션 페이지나 사이트 구축할 때 원하는 위치로 움직이게 하는 버튼을 보통 앵커라고 부르는데, 이 버튼을 클릭할 때 지정 영역으로 이동하는 것을 통틀어 앵커라고 합니다. 아래 링크는 지정된 위치로 이동할 때 부드럽게, 천천히 움직이게 하는 제이쿼리 내용입니다.


Quick Guide: Adding Smooth Scrolling to Your Webpages

http://jsfiddle.net/rniestroj/FkCK8/



수지가 모델로 나선 크로스파이어 프로모션 페이지에 바로 이 기능이 적용되어 있습니다.



크로스파이어의 프로모션 페이지의 경우, 상단 영역을 대(大) 앵커로 지정했고, 소(小)앵커는 대앵커의 세부 영역으로 이동하게 스킴을 설정했습니다.




Comments