this code fixes the page to page #example anchor link doesn’t go to the section/container automatically problem.
it is not really a fix but more like forcing the browser window to go to the section actually 🙂
just copy paste this javascript code on your page thats it. it will work for any link any page no setup needed. all dynamic.
// Check if the URL contains the section ID const sectionID = window.location.hash.substring(1); if (sectionID) { // Function to animate scrolling to the section with the specified ID function scrollToSection() { const section = document.getElementById(sectionID); if (section) { const sectionOffset = section.getBoundingClientRect().top; const currentScroll = window.pageYOffset; const targetScroll = currentScroll + sectionOffset; const duration = 1000; // Animation duration in milliseconds const startTime = performance.now(); function scrollAnimation(currentTime) { const elapsedTime = currentTime - startTime; const scrollProgress = Math.min(elapsedTime / duration, 1); const easedProgress = easeOutCubic(scrollProgress); const scrollTo = currentScroll + (sectionOffset * easedProgress); window.scrollTo(0, scrollTo); if (elapsedTime < duration) { requestAnimationFrame(scrollAnimation); } } function easeOutCubic(t) { return (t - 1) * Math.pow(t, 2) + 1; } requestAnimationFrame(scrollAnimation); } } // Wait for the page to finish loading window.addEventListener("load", scrollToSection); }