Suporte » Temas » Temas com Ancoras

  • Resolvido greg_kaippert

    (@greg_kaippert)


    Boa tarde galera! Sabem dizer se tem tema wordpress com ancora. Se já tem pronto ou eu que vou ter que fazer no código. Por exemplo, a pessoa clica no menu e em vez de ir para uma página, ela desce até o conteudo.

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • Leonardo Rosa da Silva

    (@leonardo-rosa-da-silva)

    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); }
    });

    Criador do tópico greg_kaippert

    (@greg_kaippert)

    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!

    Criador do tópico greg_kaippert

    (@greg_kaippert)

    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&gt;

    <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>

    Leonardo Rosa da Silva

    (@leonardo-rosa-da-silva)

    Fala greg_kaippert
    Tem uma lista de temas com esse efeito ancora, complementando a minha resposta:

    30+ Best Free One Page WordPress Themes in 2016

    Criador do tópico greg_kaippert

    (@greg_kaippert)

    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!

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • O tópico ‘Temas com Ancoras’ está fechado para novas respostas.