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 vote341 views1 answer
Text area resize css
CSS
100 votes343 views8 answers
Create react app
CSS
9 votes359 views2 answers
Flex float
CSS
32 votes325 views3 answers
Add google font
CSS
1 vote409 views2 answers
Apply style to second child div
CSS
9 votes379 views1 answer
Html static background
CSS
3 votes365 views2 answers
Css sass
CSS
0 vote355 views1 answer
CSS - The Class Selectors - Element
CSS
0 vote453 views1 answer
How to slow down hover effect css
CSS
20 votes410 views3 answers
Text overflow ellipsis two lines
CSS