Remove smooth scroll behavior

midudev · Mar 13, 2024 · fba564a · fba564a
1 parent 2ed44c8
commit fba564a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 12 deletions.
diff --git 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
@@ -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) {