[Resolvido] Botao ir para o topo

[Marcos Coelho2 2]

quero fazer um botao ir para o topo e ao clicar ir para o topo da pagina

nao me lembro com faz isso

so me lembro que tem como pelo html msm

alguem sabe como faz??

[Henrique Barcelos 290]

Defina um id para a div do topo...

 

Exemplo:

 

<div id="topo">
conteudo...
</div>

Depois faça um link assim:

 

<a href="#topo">Voltar ao início da página</a>

[Dee 0]

Isso chama Âncora, no DreamWeaver tem essa opção.

Mas o user acima já explicou como que é ;D

[GabrielFerrari 41]

Se quiser dar uma enfeitada na ação:

http://www.screencaster.com.br/jquery-smooth-scroll-permite-que-voce-faca-scrolls-animados/

 

http://forum.imasters.com.br/public/style_emoticons/default/natal_tongue.gif

[Kakashi_Hatake 267]

coloca assim:

<a href="#">TOPO</a>

[brunomosciatti 0]

É só fazer como o amigo acima falou, colocar uma âncora para a div do topo, por exemplo

<a href="#Topo">Voltar para o topo</a>

[Thiago Retondar 18]

Pessoal, as respostas já foram dadas. ;)

 

Além do que, em suas respostas, não mostraram ao membro que dever se incluído um id com o mesmo nome da âncora.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Pablo RD 5]

Ao invés de ser colocado numa div, pode ser no elemento de parágrafo (<p>)? (não sei se isso é certo devido a famosa semântica e identação eu acho... Essas coisas)

[Thiago Retondar 18]

Pablo,

 

como assim?

 

O topo seria um parágrafo? Você pode fazer esse efeito com qualquer elemento, apenas tem que analisar a semântica.

 

Explica melhor aí.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[brunomosciatti 0]

colocar uma âncora para a div do topo

[Elektra 102]

Oi Marcos.

 

Deixo um link que ensina como fazer rolagem na vertical:

 

Java Script Smooth Scroll

 

Clique no link --> veja o exemplo funcionando

 

Já testei, fica muito legal.

 

Abraços

[Pablo RD 5]

Pablo,

 

como assim?

 

O topo seria um parágrafo? Você pode fazer esse efeito com qualquer elemento, apenas tem que analisar a semântica.

 

Explica melhor aí.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

quis dizer, o id="#" tem que ir no div ou pode ser no <p> ou só depende da situação? É porque disseram aí que tem que colocar o id no div, mas pode ser no parágrafo invés de ser no div?

[Thiago Retondar 18]

Pode ser em qualquer elemento. ;)

 

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Marcos Coelho2 2]

Resolvido

Valeuu

 

 

http://zonadownload.com.br/zonadownload/