Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

samxung

Scroll dinamico animado

Recommended Posts

Ola a todos.

 

Estou a desenvolver o meu portfolio em que o conteudo está todo apenas em uma página. Mas como o conteudo é muito(o que torna o site muito comprido) eu decidi usar um menu para aceder às diferentes áreas dessa mesma página. Ao clicar nos botoes irá fazer um scroll animado até a área de cada botao. Ex: ao clicar no btn "Trabalhos" irá fazer scroll até a area dos trabalhos que fica a meio da pagina ou clicar no btn "Contactos" que irá fazer scroll ate a zona dos contactos que fica no fim da pag. Até agora a unica coisa que consegui fazer foi ao clicar no btn salta directamente para a área desse btn, mas esse efeito fica muito "duro".

 

Alguem me pode ajudar?

 

Era uma ajuda caida do ceu. :)

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

E você pretende fazer com Flash? Javascript?

Poste o link para o teu porifólio, para entendermos melhor oque procura.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Com javascript. Eu ainda nao tenho o portfolio disponivel para visualização. Apenas esta no pc.

Mas posso mostrar o site onde tirei a ideia. a Filosofia é a mesma.

 

www.masomenosuno.com

 

 

Espero não haver problema de postar o endereço de um particular.

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se fosse com HTML somente, o seguinte surtiria efeito:

<a href="index.html#contato">Contato</a>

e o teu bloco de contato, teria essa id.

 

Mas não faria esse efeito de rolar lentamente. Vou mover para o fórum de Javascript, se bem que você pode retirar desse mesmo site o script.

 

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript / DHTML

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.