Animación Scroll JS - Mostrar al hacer scroll el contenido

Código 

HTML

class="animado"

CSS

/**************   ANIMACIONES   **************/

.animado{

    opacity: 0;

    transition: all .5s;

}

.mostrarArriba{

    animation: mostrarArriba 1s;

}

@keyframes mostrarArriba{

    0% {

        transform: translateY(60px);

    }

    100% {

        transform: translateY(0);

    }

}

JS

/********************* SCROLL ANIMADO *********************/

let animado = document.querySelectorAll(".animado");

function mostrarScroll (){

  let scrollTop = document.documentElement.scrollTop;

  for (var i = 0; i < animado.length; i++){

    let alturaAnimado = animado[i].offsetTop;

    if(alturaAnimado - 250 < scrollTop){

      animado[i].style.opacity = 1;

      animado[i].classList.add("mostrarArriba");

    }

  }

}

window.addEventListener('scroll', mostrarScroll)