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

2 votes270 views1 answer
Html css class id
CSS
0 vote298 views1 answer
Set margin to none inside print
CSS
0 vote291 views1 answer
Table essentaial styles css
CSS
0 vote282 views2 answers
Background having opacity and text above to not have opacity
CSS
19 votes291 views2 answers
How to customize placeholder css
CSS
15 votes342 views3 answers
Put an border around an text in css
CSS
1 vote259 views1 answer
Why are suacer pans made of bakelite
CSS
0 vote248 views0 answer
CSS
19 votes287 views2 answers
Center div css flex
CSS
0 vote291 views1 answer
Scss flex
CSS