From 07c7edeb0f49fd082d109f85f3407c41ee1924ca Mon Sep 17 00:00:00 2001
From: Alex Lebens <alexanderlebens@gmail.com>
Date: Fri, 6 Mar 2026 23:00:30 -0600
Subject: [PATCH] feat: add scroll reset on navigation

---
 src/layouts/BaseLayout.astro | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 4505d05..9fe260c 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -79,7 +79,7 @@ const normalizeTitle = !title ? global.name : `${title} | ${global.name}`;
     <Header />
 
     <!-- Main body -->
-    <div class="mask-container w-screen h-screen overflow-y-auto overflow-x-hidden">
+    <div id="reset-scroll" class="mask-container w-screen h-screen overflow-y-auto overflow-x-hidden">
       <main>
 
         <!-- Content -->
@@ -96,6 +96,17 @@ const normalizeTitle = !title ? global.name : `${title} | ${global.name}`;
   </body>
 </html>
 
+<script>
+  const resetScroll = () => {
+    const scrollContainer = document.getElementById('reset-scroll');
+    if (scrollContainer) {
+      scrollContainer.scrollTop = 0;
+    }
+  };
+  resetScroll();
+  document.addEventListener('astro:after-swap', resetScroll);
+</script>
+
 <style>
   /* Fade away content below header when scrolling */
   .mask-container {