Smooth scroll to anchor

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'
        });
    });
});

Source: stackoverflow.com

Similar codes

1 vote187 views1 answer
Tile format css
CSS
16 votes187 views2 answers
Css not last child
CSS
0 vote134 views1 answer
Text flow top to bottom
CSS
1 vote223 views1 answer
Input date icon color change
CSS
7 votes180 views3 answers
Css filter color
CSS
22 votes191 views2 answers
Rgb white
CSS
7 votes183 views2 answers
Bootstrap Aligning images
CSS
3 votes362 views1 answer
How to use bulma in gatsby
CSS Bulma
0 vote192 views1 answer
Browser renders before styles are applied
CSS
1 vote175 views2 answers
Css change the button text value
CSS