quinta-feira, 1 de dezembro de 2011

(Javascript) Efeito Scroll Automático (sem jquery)

Aqui um sistema de scroll automático sem utilizar jQuery! (aquele scroll que simula o scroll subindo. Perfeito)

Infelizmente ele não é muito preciso. Porém é fácil de usar.
A precisão pouco falha é devido aos calculos que fiz. Dependendo da maquina o atrasado ao executar código poderá fazer com que a precisão seja um pouco alterada. De 1 a 2 segundos. Mas não importa.

Segue o código:


function autoScroll(tempo, to)
{
return scrollInterval(((window.pageYOffset - to)/ (tempo / 25)) );
}

function scrollInterval(y)
{
if(0 >= window.pageYOffset) return ;

setTimeout(function() {
scrollInterval(y);
}, 25);

scrollTo(0, window.pageYOffset - y);
}

Modo de Uso:
Basta usar a função autoScroll.
autoScroll(TEMPO PARA CHEGAR, LOCAL PARA CHEGAR);

Digamos. Eu coloco 2000 ms para chegar até o ponto 0 de barra (até o topo)
autoScroll(2000, 0);

Dica: Caso queira visualizar o efeito apenas clique na imagem topo logo ao lado aqui no blog. Implementei o código no blog :)

Nota: Infelizmente este ainda não anda para baixo. Mas prometo que na próxima versão da função implementarei.

É isto galera. Espero que tenham gostado.

Função criada por Bruno da Silva


Nenhum comentário:

Postar um comentário