Olá greg tudo bem,
Não sei se tem tema para isso porém é estremamente simples de reproduzir no código se você sabe um pouco de jquery acaba ficando facil.
este site ultiliza no botao saiba mais dos banners:
http://www.garrastazu.adv.br/
Código javascript:
jQuery( document ).ready(function() {
jQuery( “#btn-slider0” ).click(function(){doAnimate(); });
jQuery( “#btn-slider1” ).click(function(){ doAnimate(); });
jQuery( “#btn-slider2” ).click(function(){ doAnimate(); });
function doAnimate()
{ jQuery(‘html, body’).animate({ scrollTop: jQuery(“#goatuacoes”).offset().top }, 1000); }
});
Bom dia meu amigo, brigado, vou dar uma estudada nesse seu código. Olhei o site, realmente é o que eu quero. Mas se alguem souber se tem tema já com ancora e puder dar um toque, vou agradecer. Brigadão!
Então meu amigo, consegui resolver, esse código que você mandou, ele até funciona, porém não tem efeito suave, ele desce direto. Te agradeço aí pela atenção. Abs.
O código que eu consegui, vou colocar abaixo.
<script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js’></script>
<script type=”text/javascript”>
jQuery(document).ready(function($) {
$(“.scroll”).click(function(event){
event.preventDefault();
$(‘html,body’).animate({scrollTop:$(this.hash).offset().top}, 800);
});
});
</script>
parte do html
href=” #btn-slider0 ” class=”scroll”> ancora 1
ancora 2
ancora 3
ancora 4
Eu tirei as tags para aparecer o código fonte, senão ele ler o html e mostra igual o link da ancora 2, 3 e 4.
Não esqueçam de colocar a classe SCROLL no link.
a id=”btn-slider0″> alvo 1
<p>olá</p>
Fala greg_kaippert
Tem uma lista de temas com esse efeito ancora, complementando a minha resposta:
http://www.codeinwp.com/blog/free-one-page-wordpress-themes/
Blz, to dando uma olhada nesse site ai que você mandou. Cara, eu to com uma duvida, eu consegui colocar um link do menu com ancora, porem ele está sem efeito, ele desce direto pro conteudo. Eu to com dificuldade de como colocar o codigo jquery no wordpress. Se você souber, te agradeço!
