animate scrollTop

[mcarvalho11 0]

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!

[Ted k' 126]

Tá, meio chato fazer mas já fiz uma vez!

 

Por que não pega a referencia da div de acordo com a posição dela atual da página e joga em uma variável e faz o scroll!

[João Rafael Martins 5]

Acho que entendi o que você quer. tenta isso aqui:

<a class="1" href="javascript:void(0);" onclick="$('html,body').animate({scrollTop: $('#NOMEDADIV').offset().top}, 2000);">HOME</a>