Fade in Fade out - Boton "ir arriba"

[Alexis88]

Para ejecutar una instrucción o conjunto de instrucciones cuando el usuario se desplace con la barra, utiliza el evento scroll.

En este ejemplo, mostraré la imagen cuando el usuario se haya desplazado más de 200 píxeles y la ocultaré cuando la cantidad de píxeles desplazados sea menor o igual a 200:

Código Javascript:

window.addEventListener("scroll", function(){
    if (this.pageYOffset > 200){
        document.querySelector(".ir_arriba").style.display = "block";
    }
    else{
        document.querySelector(".ir_arriba").style.display = "none";
    }
}, false);
 

Saludos