/*
Función que al hacer un scroll de 290px hacia abajo llama
al contenedor arrow-container con su diseño de la clase show
*/
window.onscroll = function () {
    if (document.documentElement.scrollTop > 290) {
        document.querySelector('.arrow-container')
            .classList.add('show');
    } else {
        document.querySelector('.arrow-container')
            .classList.remove('show');
    }
}

/*
Función que al darle click en el contenedor este se irá hacia
arriba al inicio del contenido de la página de forma lenta
*/
document.querySelector('.arrow-container')
    .addEventListener('click', () => {
        window.scrollTo({
            top: 0,
            behavior: 'smooth'
        });
    });