Answers for "anchor link smooth scroll"

1

smooth scroll on anchor tag

document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
        e.preventDefault();

        document.querySelector(this.getAttribute('href')).scrollIntoView({
            behavior: 'smooth'
        });
    });
});
Posted by: Guest on October-06-2021
0

smooth scrolling when clicking an anchor link

// smooth scrolling when clicking an anchor link 
$('.nav-item a').on('click', function () {
    if (location.pathname.replace(/^//, '') === this.pathname.replace(/^//, '') && location.hostname === this.hostname) {
        let target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
        if (target.length) {
            html_body.animate({
                scrollTop: target.offset().top - 0
            }, 1500);
            return false;
        }

    }
});
Posted by: Guest on July-15-2021

Browse Popular Code Answers by Language