Ir al contenido

Álbumes
Ilustraciones
Camisetas
Autor
Casa Morata
Tienda

Contacto: moratha@gmail.com

Carrito

Álbumes
Ilustraciones
Camisetas
Autor
Casa Morata
Tienda

Home
Autor
Títulos publicados
Galería
Casa Morata

Copyright [@moratha] 2026 Moratha

<style>
/* 1. Estilo del botón (Redondo y Negro) */
#ir-arriba {
display: none; /* Oculto al principio */
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
border: none;
outline: none;
background-color: #333; /* Color de fondo */
color: white; /* Color de la flecha */
cursor: pointer;
width: 50px;
height: 50px;
border-radius: 50%; /* Lo hace redondo */
font-size: 20px;
box-shadow: 0px 4px 6px rgba(0,0,0,0.3);
transition: background-color 0.3s;
}
#ir-arriba:hover {
background-color: #000; /* Más oscuro al pasar el ratón */
}
</style>

<button onclick="subirArriba()" id="ir-arriba" title="Volver arriba">⬆</button>

<script>
// Mostrar botón al bajar 200px
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) {
document.getElementById("ir-arriba").style.display = "block";
} else {
document.getElementById("ir-arriba").style.display = "none";
}
}

// Función para subir suavemente
function subirArriba() {
window.scrollTo({top: 0, behavior: 'smooth'});
}
</script>