Auto Scroll de acordo com conteúdo.

[danicarla 3]

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?

[gabrielms 0]

@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 3]

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 0]

@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.