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

0 vote106 views2 answers
Html overflow scroll only if needed with exemple
CSS
37 votes172 views1 answer
Placeholder font size
CSS
420 votes281 views6 answers
Delete array element
CSS
2 votes125 views1 answer
Mat slide toggle change color
CSS
24 votes151 views3 answers
Remove underline from a link css
CSS
13 votes119 views6 answers
Hide title bar android
CSS
11 votes111 views3 answers
Css poppins font
CSS
0 vote172 views5 answers
Sweetalert to small bootstrap
CSS Bootstrap
0 vote109 views1 answer
Css break after 2 words
CSS
0 vote119 views1 answer
Click a list html css
CSS