2 replies to this topic

[RafaelL_]

Gostaria saber como fazer um efeito no menu do site, vocês podem ver um semelhante, aqui: http://www.atointerativo.com.br , onde ao clicar a barra de rolagem desce até o local desejado.

Se alguém tem algum artigo, tutorial ou até mesmo o nome desse efeito, e puder me ajudar fico grato.

[Édipo Costa Rebouças]

Se vocÊ quiser fazer sem o efeito de ir de vagar, tem duas formas, uma é com ancoras nomeadas ou usando a função scrollTo do javascript.

Para fazer com esse efeito de ir de vagar ou na velocidade que vc desejar, vc tem que usar alguma lib de animação, a que eu uso é o jQuery e o método animate

eu faria assim:

<a href="javascript:void(0);" onclick="$('html, body').animate({scrollTop: 200},1000);">menu item</a>

Nesse caso a página vai dar um scroll de 200px em um segundo(1000 milisegundos).

[RafaelL_]

eu usei o seguinte plugin http://www.ooeygui.net/articles/399 é o smooth anchor jquery, mas antes já usava uma galeria lightbox 2, e acho que por isso deve ter ocorrido algum erro de compatibilidade já que o smooth não funcionou corretamente e quando eu tirei o lightbox funcionou perfeitamente, será que alguém pode me explicar?

Eu consegui fazer com que o efeito funcione, mas como sempre o IE me deixou na mão, não esta funcionando corretamente lá vou estudar aqui por que isso acontece se alguem souber fico grato.

Edição feita por: RafaelL_, 19/11/2010, 18:34.