Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] FAZER O BOTÃO LEVAR A UMA DIV

por Felipe Oliveira
| 59.4k xp | 6 posts
Analista de Suporte Bilingue Pleno (Português e Espanhol)

Olá, tudo bem?

Tenho uma dúvida com relação ao "button", porém, não achei resposta para isso na web. Gostaria de aber como eu faço um botão que quando clicado me leve a uma parte da mesma página, ao invés de uma outra página.

Ex:

<header>

    <botao que quando clicado me leve a div de class "footer-principal"><botao>



</header>

<main>



</main>

<footer>


    <div class="footer-principal>

                </div>



</footer>
1 resposta
solução!
por Alexandre Sousa Silva
| 66.1k xp | 30 posts
Application Developer

Oi, tudo bem?

Você pode utilizar a tag a em conjunto com o atributo href, passando como valor o ID do elemento que deseja buscar na página. Lembrando que o href pode funcionar com:

  • Links externos, ex: <a href="https://alura.com.br">
  • Arquivos internos, ex: <a href="./index.html">
  • Seções dentro da mesma página, a partir do ID, ex: <a href="#sessaoDeLivros">

Uma solução para o seu caso seria: 

<header>
        // Botão que te leve para uma parte específica da página
        <button>
                // Referenciando o ID no atributo href
                <a href="#footerPrincipal">Botão</a>
        </button>
</header>

<main>
        // Código
</main>

<footer>
        // Seção com o ID passado no href
        <div id="footerPrincipal" class="footer-principal>
                // Código
        </div>
</footer>