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

36 votes101 views6 answers
Css color
CSS
8 votes95 views2 answers
Invert png color css
CSS
0 vote94 views1 answer
Divi submenu collapse by default
CSS
0 vote106 views1 answer
Paste in form field cordova app
CSS
0 vote101 views1 answer
Icon float right side input css
CSS
19 votes99 views2 answers
How to customize placeholder css
CSS
1 vote107 views2 answers
Round one side of div css
CSS
0 vote147 views2 answers
Bootstrap 4 scss angular 8
CSS Bootstrap
2 votes237 views2 answers
Remove input styling
CSS
3 votes95 views1 answer
Responsive flexbox in css
CSS