Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ronza

[Resolvido] Problema com scroll to

Recommended Posts

Galera, to com um problema no scroll to do meu site..

Ao clicar no link, ele vai direto pra ancora, depois volta pro link e aí sim desce suavemente até a ancora..

Alguém sabe como solucionar este problema?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Poste como esta fazendo, talvez um return false arrume este problema, mais só vendo como você esta fazendo para podermos ajudar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Link:

<a href="#contato" onclick="$('html,body').animate({scrollTop: $('#contato').offset().top}, 2000);">

 

js:

$('html, body').animate({
   scrollTop: $("#vemaqui").offset().top
}, 2000);

Compartilhar este post


Link para o post
Compartilhar em outros sites

tente assim:

 

 

<a href="#contato" onclick="$('html,body').animate({scrollTop: $('#contato').offset().top}, 2000); return false">

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa tarde, Ronza!
Tudo bem?

Eu achei o script que você usou no site do Ruam Carlos, mas tanto o do Ruan como o seu que são parecidos não funcionou. Sabe me dizer o que esta faltando no meu código?

 

Link da minha página com script: http://www.maurian.com.br/scroll/

Eu postei o código que eu estou usando logo abaixo.

 

Link HTML:

<a href="#vemaqui" onclick="$('html,body').animate({scrollTop: $('#vemaqui').offset().top}, 2000); return false">Clique aqui para rolar</a>

Script:

<script>
$('html, body').animate({
    scrollTop: $("#vemaqui").offset().top
}, 2000);
</script>

Site do Ruan Carlos onde eu achei o script: http://ruancarlos.com.br/Blog/scroll-to-scroll-animado-com-jquery/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Resolvi!

<script type="text/javascript">
jQuery(document).ready(function($) { 
	$(".scroll").click(function(event){		
		event.preventDefault();
		$('html,body').animate({scrollTop:$(this.hash).offset().top}, 2000);
	});
});
</script>
<a href="#footer" class="scroll" style="color:#FFFFFF; font-family:tahoma, arial; font-size:16px;">Clique aqui para rolar</a>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.