Publicado em 23 de set.

Auto Scroll de acordo com conteúdo.

Olá, pessoas, bom dia

Estou tentando fazer um autoscroll de acordo com o conteúdo que tem na pagina.

Atualmente estou fazendo assim:

<script src="jquery.js"></script>
<script>
setInterval(function(){
 $("html, body").animate({ scrollTop: $(document).height() }, 200000);
},2000);
</script>

	Desse jeito eu seu que uma pagina com 300 linhas irá demorar cerca de 1min e 30 segundos para chegar até o final.

	Mas se precisar mudar o tamanho da fonte  ou inserir imagens já terei que calcular novamente o tempo, será que existe uma maneira de fazer isso pelo tamanho do conteúdo?

	Por exemplo para pessa pagina eu quero que demore cerca de 5 minutos para chegar até o rodape.. para outra pagina cerca de 3 minutos independente do conteudo?

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

gabrielms· 25 de set.

@danicarla Serial algo assim que você procura?

var
tempoDeTransicao = 180000, // 180000 = 3 minutos
comprimentoDoDocumento,

 comprimentoDoBrowse;

$(function(){
 comprimentoDoDocumento = $(document).height();
 comprimentoDoBrowse = $(window).height();

 if(comprimentoDoDocumento > comprimentoDoBrowse)
 {
 $('html').animate({scrollTop: comprimentoDoDocumento}, tempoDeTransicao);
 }
});

danicarla· 25 de set.

Gabriel, é isso mesmo, poxa tão simples rs não pensei em recuperar o tamanho da tela... e calcular o tamanho

Só fiquei com uma duvida agora, será que consigo habilitar o botão de seta para baixo ou para cima, caso o usúario queira descer um pouco ou subir um pouco a tela enquanto ela estiver rolando

gabrielms· 26 de set.

@danicarla Bom nesse caso você pode colocar um botão para subir e descer o scholl e depois você reiniciar a animação de scholl.