diff --git a/src/components/ButtonUp.astro b/src/components/ButtonUp.astro index da25a9b45..3627d73f4 100644 --- a/src/components/ButtonUp.astro +++ b/src/components/ButtonUp.astro @@ -22,18 +22,17 @@ let timeout: number = 0 // Identificador para clearTimeout const $button = document.getElementById("scroll-to-top") as HTMLButtonElement - // Constantes para la animación - const displayBlock: string = "block" - const displayNone: string = "none" + const DISPLAY = { BLOCK: "block", NONE: "none" } as const // Función para mostrar u ocultar el botón function toggleScrollToTop() { const scrollTop = document.body.scrollTop || document.documentElement.scrollTop - const display = scrollTop > 20 ? displayBlock : displayNone + const display = scrollTop > 20 ? DISPLAY.BLOCK : DISPLAY.NONE + if ($button) { const parent = $button.closest("#button-up") - parent?.classList.toggle("opacity-0", display === displayNone) - $button.classList.toggle("cursor-default", display === displayNone) + parent?.classList.toggle("opacity-0", display === DISPLAY.NONE) + $button.classList.toggle("cursor-default", display === DISPLAY.NONE) } } diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 91587be26..047d6afa0 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -68,12 +68,6 @@ const { title, description, preloadImgLCP } = Astro.props position: relative; } - @media screen and (prefers-reduced-motion: no-preference) { - html { - scroll-behavior: smooth; - } - } - /* Hiding class, making content visible only to screen readers but not visually */ /* "sr" meaning "screen-reader" */ .sr-only:not(:focus):not(:active) {