Jquery ile sayfanın ortasına inmek

Arkadaşlar ne kadar açıklayıcı oldu başlık bilmiyorum ama
yapmak istediğim şu :
sayfanın atıyorum en üstünde bir buton var menüde, bu butona basınca sayfanın ortasında o menünün göstereceği içerikler vs. var oraya gidecek bunu nasıl yapabilirim.

örnek vermek gerekirse :
http://www.google.com/design/ sayfasında aşağı iconuna basınca #resources diye link ekliyor ve o bölüme gidiyor aynı sayfada yardımcı olabilecek var mı
?

page scroll with jquery diye aratırsan epey sonuç çıkacaktır.

mantık şu ama

Tıkla

Gidilecek yer

bu yeterli ama yavaşlık katmak içn

jquery kodları


$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});


jquery kodları css-tricks örneğinden