Merge pull request #1097 from ygowthamr/main

Enhanced ScrollTop Button Functionality
ML-Fusion-Lab · Oct 29, 2024 · 063d4aa · 063d4aa
2 parents b7d4898 + 6ffea9b
commit 063d4aa
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/script/scroll.js b/script/scroll.js
@@ -1,12 +1,14 @@
+const scrollTopBtn = document.getElementById("scrollTopBtn");
+scrollTopBtn.style.setProperty('visibility', 'hidden', 'important');
 
-window.onscroll = function() {
-    const scrollTopBtn = document.getElementById("scrollTopBtn");
-    if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
-        scrollTopBtn.style.display = "block";
+window.addEventListener('scroll', function() {
+
+    if (window.scrollY > 100) {
+        scrollTopBtn.style.setProperty('visibility', 'visible', 'important');
     } else {
-        scrollTopBtn.style.display = "none";
+        scrollTopBtn.style.setProperty('visibility', 'hidden', 'important');
     }
-};
+});
 
 function scrollToTop() {
     window.scrollTo({top: 0, behavior: 'smooth'});