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

1 vote256 views1 answer
Css spread children horizontally
CSS
0 vote219 views1 answer
CSS style all div elements
CSS
41 votes200 views4 answers
How to center text in css
CSS
31 votes185 views4 answers
Letter spacing in css
CSS
0 vote225 views1 answer
Link para inserir css
CSS
22 votes262 views5 answers
Css center grid
CSS
1 vote174 views1 answer
How to space out buttons css
CSS
0 vote171 views1 answer
Css3 background image curve
CSS
0 vote245 views1 answer
Checkbox change background color bootstrap
CSS Bootstrap
0 vote169 views1 answer
Change the background of an element in a loop using css
CSS