topButton

topButton

    // btnTop
    function btnTop() {
        const rootElement = document.documentElement;
        const scrollToTopBtn = document.querySelector('.scroll-top');

        function handleScroll() {
            let scrollTotal = rootElement.scrollHeight - rootElement.clientHeight;
            if ((rootElement.scrollTop / scrollTotal) > .5) {
                scrollToTopBtn.classList.add('scroll-top--show');
            } else {
                scrollToTopBtn.classList.remove('scroll-top--show');
            }
        }

        function scrollToTop() {
            rootElement.scrollTo({
                top: 0,
                behavior: 'smooth'
            })
        }

        document.addEventListener('scroll', handleScroll);
        scrollToTopBtn.addEventListener('click', scrollToTop);
    }

    btnTop();
    
    
    
    
    
    
    //scrol to element
    
    Object.entries(document.querySelectorAll('[href^="#"]'))
    .forEach(([ index, node ]) => {
        node.addEventListener('click', (event) => {
            event.preventDefault();

            window.scrollTo({
                top: document.querySelector(event.currentTarget.getAttribute('href')).getBoundingClientRect().top - 50,
                behavior: 'smooth'
            });
        });
    });