From 6096a1af82ba7ffa671acb72a1a1a3624bb6dc55 Mon Sep 17 00:00:00 2001
From: rgoshen <rick.goshen@gmail.com>
Date: Wed, 16 Oct 2024 16:47:10 -0700
Subject: [PATCH] fix scroll issue

Signed-off-by: rgoshen <rick.goshen@gmail.com>
---
 index.html        |  4 ++--
 scripts/script.js | 17 +++++++++++++++++
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index e00d106..d5cbf09 100644
--- a/index.html
+++ b/index.html
@@ -143,13 +143,13 @@
                     <h1 class="mb-3">Rick Goshen</h1>
                     <p class="mb-3 mx-5 sub-heading">Software Engineer</p>
                     <a
-                            class="btn btn-outline-light btn-lg m-1"
+                            class="btn btn-outline-light btn-lg m-1 scroll-button"
                             href="#about"
                             role="button"
                     >My skills</a
                     >
                     <a
-                            class="btn btn-outline-light btn-lg m-1"
+                            class="btn btn-outline-light btn-lg m-1 scroll-button"
                             href="#projects"
                             role="button"
                     >My portfolio</a
diff --git a/scripts/script.js b/scripts/script.js
index b75988a..41cbc9b 100644
--- a/scripts/script.js
+++ b/scripts/script.js
@@ -3,3 +3,20 @@ const currentYear = document.getElementById('current-year');
 // update copyright date to current year
 const year = new Date().getFullYear();
 currentYear.innerHTML = year;
+
+// Select all buttons that should trigger the scroll behavior
+document.querySelectorAll('.scroll-button').forEach(button => {
+  button.addEventListener('click', function(e) {
+    console.log('clicked');
+    e.preventDefault(); // Prevent the default anchor behavior
+    const targetId = e.currentTarget.getAttribute("href");
+    const targetElement = document.querySelector(targetId);
+    const navbarHeight = document.querySelector('nav').offsetHeight; // Replace 'nav' with your navbar selector
+
+    // Smooth scroll to the section, adjusted for the navbar height
+    window.scrollTo({
+      top: targetElement.offsetTop - navbarHeight,
+      behavior: 'smooth'
+    });
+  });
+});
\ No newline at end of file