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 vote112 views1 answer
Flex fill space
CSS
0 vote109 views1 answer
Css a tag id selector scrolls too far
CSS
0 vote123 views2 answers
Woocommerce align add to cart buttons css
CSS
35 votes105 views2 answers
Css code for margin
CSS
23 votes109 views6 answers
Css circle
CSS
0 vote105 views1 answer
Html click through image
CSS
0 vote105 views1 answer
To make card box appear more bigger when hover
CSS
1 vote109 views2 answers
Css scrollbar in div
CSS
13 votes121 views5 answers
How to add text stroke in css
CSS
0 vote108 views2 answers
The package could not be installed. the theme is missing the style.css stylesheet
CSS