Auto Scroll de acordo com conteúdo. - Javascript - Fórum iMasters
By danicarla, September 23, 2019 in Javascript
Olá, pessoas, bom dia
Estou tentando fazer um autoscroll de acordo com o conteúdo que tem na pagina.
$("html, body").animate({ scrollTop: $(document).height() }, 200000);
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?
@danicarla Serial algo assim que você procura?
tempoDeTransicao = 180000, // 180000 = 3 minutos
comprimentoDoDocumento,
comprimentoDoBrowse;
comprimentoDoDocumento = $(document).height();
comprimentoDoBrowse = $(window).height();
if(comprimentoDoDocumento > comprimentoDoBrowse)
$('html').animate({scrollTop: comprimentoDoDocumento}, tempoDeTransicao);
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