Redirecionar Menu HTML

Question

Bom dia amigos,

Gostaria de saber como configuro o html para redirecionar para os t&oacute;picos da mesma p&aacute;gina ?

Ex: http://marchezetti.com/clientes/live4app/pt/one-page-landing/

Eu deixei meu menu no topo da p&aacute;gina, em uma &uacute;nica p&aacute;gina e quero que ao clicar a p&aacute;gina des&ccedil;a para os repectivos , entenderam?

Valeu abracos!

Answer

Utilizando JQuery e  sendo 'elemento' o id do elemento que se pretende alcan&ccedil;ar:

$('html, body').animate({
               scrollTop: parseInt($('#elemento').offset().top,10));
           }, 1800); 
        }

Basta chamar o c&oacute;digo acima no evento onclick do link.

Answer

&Eacute; muito mais simples e n&atilde;o precisa usar um ex&eacute;rcito para isto, j&aacute; que existe pronto e funcional desde o Html 2.0

Use o id do elemento existente na posi&ccedil;&atilde;o de parada;
- Se na posi&ccedil;&atilde;o desejada n&atilde;o existirem elementos, crie um ali e defina para ele o id. Este ser&aacute; o seu alvo.
Use a tag anchor (ou elemento 'a') para localizar e rolar at&eacute; qualquer alvo automaticamente.
Para fazer a &acirc;ncora funcionar como um  interlink basta adicionar um 'hash' (#) junto ao nome do ID criado.

Feito isto, j&aacute; &eacute; poss&iacute;vel construir os menus e at&eacute; links externos apontando para as &acirc;ncoras criadas.

[COLOR=#0000ff]No menu da p&aacute;gina:[/COLOR]
[html]...
VAI L&Aacute;
...[/html]

[COLOR=#0000ff]E em qualquer lugar no corpo da p&aacute;gina:[/COLOR]
[html]...
AQUI OH!
...[/html]

Ferramentas

Mover Tópico