animate scrollTop

Olha só pessoal!!

Eu estou usando o seguinte script no meu site:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

<script> $(function(){ $(".1").click(function(){ $("html, body").animate({scrollTop:0},"fast"); }) ;}) </script>
<script> $(function(){ $(".2").click(function(){ $("html, body").animate({scrollTop:1200},"fast"); }) ;}) </script>
<script> $(function(){ $(".3").click(function(){ $("html, body").animate({scrollTop:2400},"fast"); }); }) </script>
<script> $(function(){ $(".4").click(function(){ $("html, body").animate({scrollTop:3600},"fast"); }); }) </script>

depois vinculo ele no menu!!

<div id="menu2">
<ul>
<li><a class="1" href="javascript:;">HOME</a></li>
<li><a class="2" href="javascript:;">PORTIFÓLIO</a> </li>
<li><a class="3" href="javascript:;">SERVIÇOS</a> </li>
<li><a class="4" href="javascript:;">CONTATO</a> </li>
</ul>
</div>

Só que a ideia é! Ao invés de fixar a posição para onde o scroll ira apos ser clicado, o ideal era ancorar ele nas DIVs da pagina, pois a posição das mesmas é relativa e dependendo pode não direcionar corretamente!

Alguém pode me ajudar?

Desde de já agradeço!