PLANET-4811 Fix scrolling animation

greenpeace · Aug 12, 2020 · b21b331 · b21b331
1 parent 9af7a0c
commit b21b331
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/assets/src/blocks/Submenu/SubmenuItems.js b/assets/src/blocks/Submenu/SubmenuItems.js
@@ -3,12 +3,12 @@ export const SubmenuItems = ({ menuItems }) => {
   const onSubmenuLinkClick = id => {
     const target = document.getElementById(id);
     if (target) {
-      document.body.animate({
+      $('html, body').animate({
         scrollTop: target.offsetTop - 100
       }, 2000, () => {
         const position = window.pageYOffset;
-        window.location.hash = `#${id}`;
-        window.scrollTop(position);
+        window.location.hash = id;
+        window.scrollTo(0, position);
       });
     }
   }
@@ -20,7 +20,10 @@ export const SubmenuItems = ({ menuItems }) => {
           <a
             href={`#${id}`}
             className="icon-link submenu-link"
-            onClick={() => onSubmenuLinkClick(id)}
+            onClick={event => {
+              event.preventDefault();
+              onSubmenuLinkClick(id);
+            }}
           >
             {text}
           </a>