Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Botão de voltar para o topo

Oieee, tudo bem?

To criando uma função pra pessoa apertar o botão no canto da página e voltar ao topo, mas quero saber como eu poderia fazer pra esse botão aparecer somente quando a pessoa descer pela página, porque, do contrário, ele vai ficar aparecendo lá no topo página e isso nem tem lógica, mas não sei como arrumar :(

Aqui é o código dele em JS:


const btnScrollToTop = document.getElementById("btnscrollToTop");

btnScrollToTop.addEventListener("click", function () {

    window.scrollTo({
        top: 0,
        left: 0,
        behavior: "smooth"
    })


})

Alguém já fez ou sabe realmente como fazer pra ele só aparecer se o usuário chegar ao final da página?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas
solução!

Oi, Isa. Tudo bem? Uma opção de resolver isso é com o css. Fixa teu elemento com o position: fixed; botton: 0; right: 0 e vai mudando aos poucos. Depois você adiciona o evento nele.

Bom dia Isa, tudo tranquilo ?

Se entendi bem sua pergunta, é possível realizar o que você deseja até sem JS. Mas já que você já está utilizando, vamos lá

Quanto ao botão ficar no final da página, temos a opção que a Daniel propôs acima. E você tbm pode colocar o botão no final do HTML. Assim ele vai estar sempre no final da página.

Espero ter ajudado, qualquer dúvida só chamar aqui.

Abraços !