Improve arrow logic

transcental · Mar 31, 2023 · 6efb9eb · 6efb9eb · vercel · Mar 31, 2023
1 parent 7182dad
commit 6efb9eb
Showing 1 changed file with 12 additions and 11 deletions.
diff --git a/script.js b/script.js
@@ -8,21 +8,22 @@ document.addEventListener("DOMContentLoaded", () => {
 
     let rect = introSection.getBoundingClientRect();
 
-    if (rect.top == 0) {
-      link.setAttribute("href", "#new-projects");
-      arrow.style.display = "inline-block";
-    } else if (rect.top == -1018) {
-      link.setAttribute("href", "#old-projects");
+     if (rect.top == -4072) {
+      arrow.style.display = "none";
+    } else if (rect.top <= -3054) {
+      link.setAttribute("href", "#contact");
       arrow.style.display = "inline-block";
-    } else if (rect.top == -2036) {
+    } else if (rect.top <= -2036) {
       link.setAttribute("href", "#about");
       arrow.style.display = "inline-block";
-    } else if (rect.top == -3054) {
-      link.setAttribute("href", "#contact");
+    } else if (rect.top <= -1018) {
+      link.setAttribute("href", "#old-projects");
       arrow.style.display = "inline-block";
-    } else {
-      arrow.style.display = "none";
-    }
+    } else if (rect.top <= 0) {
+      link.setAttribute("href", "#new-projects");
+      arrow.style.display = "inline-block";
+    } 
+
   });
 
   document.querySelector(".new-cards").addEventListener("mousemove", (e) => {