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 vote207 views1 answer
How to disable margin collapsing
CSS
1 vote203 views1 answer
Unknown function 'mat-palette'
CSS
1 vote226 views2 answers
How to center topnav bar in html
CSS
3 votes219 views2 answers
How to align form buttons right
CSS
1 vote188 views1 answer
Transform orgin css
CSS
0 vote209 views2 answers
How long ago was 1993 years
CSS
4 votes207 views2 answers
For in sass
CSS
2 votes213 views2 answers
Carousel css
CSS
0 vote211 views1 answer
Bootstrap modal overflow
CSS
1 vote191 views1 answer
Animated website using html and css
CSS