Added the scroll to top with enhanced ui and fixed someone has putted…

… the css directly on button which is bad habbit fixed that
swaraj-das · Oct 4, 2024 · 6549fd2 · 6549fd2
1 parent aa1027b
commit 6549fd2
Show file tree

Hide file tree

Showing 3 changed files with 450 additions and 437 deletions.
diff --git a/index.html b/index.html
@@ -107,7 +107,7 @@ <h3>Wireless Controllers for Nintendo Switch</h3>
                     <span>Overall Rating:</span>
                     <p class="star">4.2★</p>
                 </div>
-                <button type="button">Buy Now<img src="images/arrow.png" alt="Arrow"></button>
+                <button class="buyNow" type="button">Buy Now<img src="images/arrow.png" alt="Arrow"></button>
             </div>
             <div class="col-2">
                 <img src="images/controller3.png" class="controller" alt="Controller">

diff --git a/script.js b/script.js
@@ -44,7 +44,10 @@ document.addEventListener('DOMContentLoaded', function() {
             scrollToTopBtn.classList.remove('show');
         }
 
-        setProgress(scrolled * 100);
+        // Ensure smooth progress updates
+        requestAnimationFrame(() => {
+            setProgress(scrolled * 100);
+        });
     }
 
     function scrollToTop() {