Animación ScrolView en página tipo scrollreveal.js

Con este pequeño script podemos revelar contenido de nuestras páginas al hacer scroll sobre su posición, revelando así ciertas partes de la página y dando un efecto con animación bastante moderno y fresco.

Demo

Descarga:
Link directo scrollview_V1.1.zip
Link dropbox scrollview_V1.0.zip

Modo de uso, añadir los ficheros styles.css y scrollview.js a la carpeta del proyecto.

Añadir a head:

<link rel="stylesheet" href="styles.css">
    <script src="scrollview.js" defer></script>
    <script>
        window.addEventListener('load', function () {
            initScrollView({
                elements: 'a-top',
                delay: 500
            });
        });
  </script>
<noscript>
        <style>
            .a-top {
                opacity: 1 !important;
                margin-top: 0 !important;
                }
        </style>
</noscript>

Opciones:
elements: elegir nombre de la clase que queremos animar
delay: tiempo de espera antes de revelar

Ejemplo HTML:

<!-- Elemento principal siempre visible clase "a-top hidden" -->
        <div class="section">
            <div class="center a-top hidden">
                <h1>Sección 1</h1>
            </div>
        </div>
        <!-- Elementos secundarios o inferiores al top de la pagina clase "a-top" -->
        <div class="section" id="section-2">
            <div class="center a-top">
                <h1>Sección 2</h1>
            </div>
 </div>

Clases CSS necesarias:

/* Reveal básico (transición controlada por JS) */
.a-top.hidden {
    opacity: 0;
    margin-top: 5em;
}
.a-top {
    opacity: 1;
    margin-top: 0;
    transition: opacity .5s ease-in, margin-top .3s ease-out;
}

cualquier duda en este hilo.
Editado

implementado y funcionando de 10, mil gracias!!