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 vote154 views1 answer
SCSS Breakpoints
CSS
0 vote148 views1 answer
Set margin to none inside print
CSS
0 vote186 views1 answer
Remove effect off animation css
CSS
67 votes170 views6 answers
Media query in css
CSS
4 votes178 views3 answers
Css text dots
CSS
0 vote150 views1 answer
Css media query aspect ratio
CSS
52 votes168 views6 answers
How to change background color in css
CSS
0 vote147 views1 answer
Make an anchor tag inactive
CSS
3 votes162 views2 answers
No border css
CSS
0 vote149 views1 answer
How to make focus outline round in html
CSS