www(доработка имеющегося функционала): add delay before change anchor

add delay before change anchor

Author: nauchikus

www/components/driver-content-nav/DriverContentNav.tsx

@@ -30,7 +30,6 @@ export const DriverContentNav = observer<IDriverContentNav>( ( { className } ) =
 
       // event.preventDefault();
 
-        console.log( `CHANGE_PAGE_POSITION` );
       //   let link = event.target as HTMLLinkElement;
       //   let elementId = link.href.replace( /(.*)?#/, `` );
       //   let element = document.getElementById( decodeURIComponent( elementId ) ) as HTMLElement;

www/hooks/content-autoscroll-hook.ts

@@ -8,25 +8,28 @@ export function useContentAutoscroll(){
 
     useEffect(() => {
         function scrollHandler() {
-            if (window.scrollX === 0) {
-                window.removeEventListener("scroll", scrollHandler);
-
-                // hack for mobile
-                setTimeout(()=>{
-                    if ( scrollX > 0 ) {
-                        document.scrollingElement.scrollLeft = 0;
-                    }
-                })
-
-                return;
-            }
-            document.scrollingElement.scrollLeft = 0;
+            // if (window.scrollX === 0) {
+            //     window.removeEventListener("scroll", scrollHandler);
+            //
+            //     // hack for mobile
+            //     setTimeout(()=>{
+            //         if ( scrollX > 0 ) {
+            //             document.scrollingElement.scrollLeft = 0;
+            //         }
+            //     })
+            //
+            //     return;
+            // }
+            // document.scrollingElement.scrollLeft = 0;
         }
 
         function startHashChangeHandler() {
-            let hash = location.hash.slice( 1 );
-            goToAnchor( hash );
-            window.addEventListener("scroll", scrollHandler);
+            setTimeout( () => {
+                let hash = location.hash.slice( 1 );
+
+                goToAnchor( hash );
+                window.addEventListener( "scroll", scrollHandler );
+            }, 100 );
         }
 
         window.addEventListener("scroll", scrollHandler);