Scroll offset fix.

docs/index.html

@@ -359,6 +359,50 @@
 
           });
 
+          hook.ready(function () {
+            // Original code by @rizdaprasetya and further improved with the assistance of ChatGPT, an AI language model by OpenAI
+            let TARGET_QUERY = 'id';
+            let SCROLL_DELAY = 650; // in milliseconds
+            let location = window.location;
+
+            // Build the current URL without the hash
+            let currentUrlWithoutHash = new URL(
+                location.origin + location.pathname +
+                location.search
+            );
+
+            // Get the search parameters from the URL (before the hash)
+            let urlQueryParam = currentUrlWithoutHash.searchParams;
+            let isUrlHasIdQuery = urlQueryParam.has(TARGET_QUERY);
+
+            // Handle the case where the 'id' is in the fragment (hash) part
+            let hashParams = new URLSearchParams(location.hash.split('?')[1]); // Get the query params after `#`
+            let isHashHasIdQuery = hashParams.has(TARGET_QUERY);
+
+            // Check if the URL contains the 'id' query parameter in either search or hash
+            if (isUrlHasIdQuery || isHashHasIdQuery) {
+
+                // Get the 'id' from either search or hash
+                let urlId = isUrlHasIdQuery ? urlQueryParam.get(TARGET_QUERY) : hashParams.get(TARGET_QUERY);
+
+                // Delay the scrolling to ensure everything is loaded
+                setTimeout(function () {
+                    try {
+                        let targetElement = document.querySelector('#' + urlId);
+                        if (targetElement) {
+                            // Scroll to the element with smooth behavior
+                            targetElement.scrollIntoView({
+                                behavior: 'smooth',  // Enables smooth scrolling
+                                block: 'start',      // Aligns the top of the element to the top of the viewport
+                            });
+                        }
+                    } catch (e) {
+                        console.log('custom scroll failed', e);
+                    }
+                }, SCROLL_DELAY);
+            }
+          });
+
         }
       ]
     }