Fade in Fade out - Boton "ir arriba"

[Alexis88]

Si vas a usar esto en navegadores modernos (básicamente en versiones de Internet Explorer 10 en adelante, porque con Chrome, Firefox y Opera, no hay tanto inconveniente ya que se actualizan constantemente), puedes utilizar las propiedades opacity y transition:

En la hoja de estilos:

Código CSS:

.ir_arriba{
    transition: .25s;
}
 

En el archivo JS:

Código Javascript:

window.addEventListener("scroll", function(){
    var elemento = document.querySelector(".ir_arriba");
    if (this.pageYOffset > 200){
        elemento.style.opacity = 1;
    }
    else{
        elemento.style.opacity = 0;
    }
}, false);
 

Saludos