Às vezes, é desejável fornecer aos usuários uma maneira fácil de voltar ao topo de uma página. Com o uso de JavaScript e CSS, podemos criar um efeito de rolagem suave para melhorar a experiência do usuário. Veja como fazer:
1. Adicione o seguinte código JavaScript para rolar a página para o topo com efeito smooth:
window.scrollTo({top: 0, behavior: 'smooth'})
2. Agora, você pode escolher entre criar uma função em JavaScript ou adicionar diretamente ao evento ‘onClick’ de um botão. Aqui está um exemplo usando o evento ‘onClick’ de um botão:
<button type="button" onclick="window.scrollTo({top: 0, behavior: 'smooth'})">Subir ao topo</button>
Veja um exemplo funcionando abaixo