From 47dabfb4708b0f17c70bd1e5a958c1d8a1acaa81 Mon Sep 17 00:00:00 2001
From: M3DZIK <me@medzik.dev>
Date: Mon, 18 Mar 2024 16:54:52 +0100
Subject: [PATCH] Scroll bottom after clicking the arrow

---
 src/routes/+page.svelte | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b0e2cc5..f3ccf6a 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -11,6 +11,13 @@
     import photo from '../assets/photo.jpg';
     import SignalIcon from '../lib/Signal.svelte';
     import Arrow from '$lib/Arrow.svelte';
+
+    function scrollBottom() {
+        window.scrollTo({
+            top: document.body.scrollHeight,
+            behavior: 'smooth',
+        });
+    }
 </script>
 
 <svelte:head>
@@ -60,9 +67,9 @@
         </footer>
     </div>
 
-    <div class="absolute bottom-16 h-8 w-8 text-on-primary-token animate-bounce">
+    <button class="absolute bottom-16 h-8 w-8 text-on-primary-token animate-bounce" on:click={scrollBottom}>
         <Arrow />
-    </div>
+    </button>
 </div>
 
 <div class="project-gradient mx-auto flex justify-center items-center p-16">