fix(navbar): update hash handling to use replaceState for better navi…

…gation
SkyCryptWebsite · Jan 7, 2025 · 638e6cf · 638e6cf
1 parent 3b96539
commit 638e6cf
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+  import { replaceState } from "$app/navigation";
+  import { page } from "$app/state";
   import { Button, ScrollArea } from "bits-ui";
   import { onMount } from "svelte";
 
@@ -91,7 +93,10 @@
           if (isIntersecting) {
             let newHash;
             newHash = "#" + element.id;
-            history.replaceState({}, document.title, newHash);
+            replaceState(newHash, {
+              ...page,
+              url: { ...page.url, hash: newHash }
+            });
             for (const link of navBarLinks) {
               if (link.hash === newHash) {
                 activeSection = link.hash.slice(1);