jQuery offset()을 이용한 부드러운 스크롤 이동

마크업

1. <div id="cont">본문 내용...</div>
2. <a href="#cont" class="scroll">Scroll to cont</a>

스크립트

1. jQuery(document).ready(function($){
2.     $(".scroll").click(function(event){
3.     event.preventDefault();
4.         $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
5.         //offset()함수를 이용하여 위치를 찾습니다.
6.     });
7. });