smooth-scroll.js

if(location.hash) {
    window.scrollTo(0, 0);
}

const scrollToElement = (element) => {
    const elementRect = element.getBoundingClientRect();
    let elementTop = elementRect.top + window.scrollY;
	
    window.scroll({
        behavior: 'smooth',
        top: elementTop
    });
}

window.addEventListener('DOMContentLoaded', () => {
    if(location.hash)
    {
        let findElementByHash = document.getElementById(location.hash.replace('#', ''));
        if(findElementByHash){
            scrollToElement(findElementByHash);
        }
    }

    document.querySelectorAll('a')?.forEach(item => {
        let href = item.getAttribute('href');
        if(href && href.match(/^#.+/))
        {
            item.addEventListener('click', e => {
                e.preventDefault();
                const target = e.currentTarget || e.target;
                const href = target.getAttribute('href');
                let findElementByHash = document.getElementById(href.replace('#', ''));
                if(findElementByHash){
                    scrollToElement(findElementByHash);
                } 
            });
        }
    });
});