Link para a mesma pagina em diferentes posições

[leo_SJCampos 1]

Olá pessoal.

Como que eu faço pra colocar um link redirecionando para a mesma página, porém em alturas diferentes?

 

Obrigado.

 

[Marlon Pacheco 132]

Utilize âncoras.

Um link assim: <a href='#rodape'>Rodapé</a> vai mandar colocar o viewport "focado" no elemento <footer id='rodape'>bla bla bla</footer>

Mas se você quiser fazer com que a página vá suavemente até o elemento, aqui tem um exemplo.

http://codepen.io/marlonlp/pen/AEmpg

[William Bruno 1501]

É chamado de "âncoras", adicione um #id_do_elemento_para_onde_vc_quer_que_va" no href. Assim:

 

<a href="#duvidas">Duvidas</a>

irá levar para o elemento com id="duvidas":

 

<h2 id="duvidas">Dúvidas Frequentes</h2>

e dai em diante. O href com #, leva para o elemento que tem aquele valor no ID.

[leo_SJCampos 1]

Obrigado pessoal, vou tentar aqui...

Valeu mesmo

Só mais uma dúvida.. posso suar âncoras em páginas diferentes? Exemplo.

 

No index tenho 3 links, e quero mandar cada link para uma outra pagina em posições diferentes... isso é possivel?

 

obrigado

[Marlon Pacheco 132]

Pode sim.