Neste artigo você vai aprender a como levar o scroll ao fundo da página com JS, de uma maneira super simples
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!