~~~ <div class="top"> <a href="#about" id="test" >about us</a> </div> <h3>hello world</h3> ~~~ ~~~ $(function(){ $("#test").click(function(){ var href = $(this).attr("href"); var top = $(href).offset().top; $("html,body").animate({scrollTop:top},1000) return false; }) }) ~~~