JavaScript

Como levar o scroll ao fundo da página com JavaScript

24 de dezembro de 2021

Como levar o scroll ao fundo da página com JavaScript

Neste artigo você vai aprender a como levar o scroll ao fundo da página com JS, de uma maneira super simples

levar o scroll ao fundo da página capa

Fala programador(a), beleza? Bora aprender mais sobre JavaScript!

Para fazer a função de scroll vamos acessar a função scrollTo, que pode levar o scroll para alguma parte da página

Como estamos querendo para o fim dela, ou seja, o rodapé

Podemos enviar como argumento o o scrollHeight do document.body

Ou seja, estamos passando o tamanho total do documento, isso faz com que o scroll seja levado para o fim da página

Veja o código necessário:

window.scrollTo(0, document.body.scrollHeight);

Isso faz o que o estavamos precisando!

Se você quiser levar até a algum elemento específico, pode utilizar:

const myElement = querySelector(".some-element")

window.scrollTo(0, document.myElement .scrollHeight);

Agora o scroll será levado até o elemento especificado pela variável que selecionamos com querySelector

Conclusão

Neste artigo você aprendeu a como levar o scroll ao fundo da página em JavaScript

Utilizamos alguns funcionalidades de JS puro, como a função scrollTo

Que pode levar o scroll para algum ponto específico, onde selecionamos o fundo da página

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x