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 vote177 views1 answer
Css nesting
CSS
72 votes192 views6 answers
How to center text in a div
CSS
3 votes191 views2 answers
Backdrop filter all properties
CSS
2 votes184 views6 answers
Neumorphism
CSS
0 vote183 views1 answer
Css psedou content data
CSS
4 votes219 views2 answers
Increase the size of an image on hover using css
CSS
1 vote147 views1 answer
Css hover lighten background color
CSS
71 votes136 views17 answers
Box -shadow
CSS
2 votes197 views1 answer
How to remove bullets from li
CSS
0 vote189 views1 answer
Text weaving animation in css
CSS