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 vote145 views1 answer
Css pagedList
CSS
1 vote133 views1 answer
Different measurements in css
CSS
0 vote142 views1 answer
Tailwind css flex-row-reverse for grid reverse
CSS
0 vote152 views3 answers
Hyper text programming language
CSS
0 vote144 views1 answer
Css layout tutorial
CSS
0 vote142 views1 answer
Div style how to wrap around
CSS
3 votes137 views3 answers
Css brightness
CSS
2 votes146 views2 answers
Program to draw circle in C++
CSS
0 vote167 views1 answer
Chrome extension css
CSS
0 vote198 views1 answer
Profile page html css template
CSS