PLANET-4811 Hide backtop when at top

greenpeace · Sep 25, 2020 · 41347e3 · 41347e3
1 parent 4275f9d
commit 41347e3
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/assets/src/blocks/Submenu/SubmenuFrontend.js b/assets/src/blocks/Submenu/SubmenuFrontend.js
@@ -11,7 +11,13 @@ export const SubmenuFrontend = ({ title, className, levels, submenu_style }) =>
     if (!backTop) {
       return;
     }
-    backTop.classList.remove('d-none');
+    document.addEventListener('scroll', () => {
+      if (document.documentElement.scrollTop > 400) {
+        backTop.classList.remove('d-none');
+      } else {
+        backTop.classList.add('d-none');
+      }
+    });
   };
 
   // Enable back top on initial render.