Optimization

alanrme · Jul 1, 2024 · 76ba8ee · 76ba8ee
1 parent 4045807
commit 76ba8ee
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/css/style.scss b/css/style.scss
@@ -305,6 +305,10 @@ span.hu {
 			top: 2rem;
 			transform: scale(10);
 			opacity: 0.2;
+
+			&.active {
+				transition: 0.15s linear transform;
+			}
 		}
 	}
 }

diff --git a/js/main.js b/js/main.js
@@ -224,19 +224,29 @@ ready(() => {
             if (header) {
                 // if the element is at the top of the screen
                 if (rect.top < 0) {
-                    header.classList.add("sticky")
+                    if (!header.classList.contains("sticky")) {
+                        header.classList.add("sticky")
+                    }
                     header.style.transform = `scale(10) translateX(${(rect.top) / (rect.bottom - rect.top)*70}%)`
                 } else {
-                    header.classList.remove("sticky")
+                    if (header.classList.contains("sticky")) {
+                        header.classList.remove("sticky")
+                    }
                     header.style.transform = null
                 }
             }
         })
         container.querySelector("#checkpoint-fill").style.width = `${newWidth}%`
         const circlesToFill = Math.floor((newWidth+1)/increment)
         circles.forEach((circle, i) => {
-            if (i<=circlesToFill) circle.classList.add("active")
-            else circle.classList.remove("active")
+            if (i<=circlesToFill) {
+                if (!circle.classList.contains("active"))
+                    circle.classList.add("active")
+            }
+            else {
+                if (circle.classList.contains("active"))
+                    circle.classList.remove("active")
+            }
         })
     }
 });