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 vote321 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS
0 vote390 views1 answer
Can I use placeholder in <input type="time"/>
CSS
0 vote337 views1 answer
How to make a div in top left in css
CSS
2 votes371 views1 answer
Admin dashboard html css
CSS
2 votes343 views2 answers
How to put the input box and the label on top of input
CSS
0 vote374 views1 answer
Tynker bot
CSS
9 votes351 views1 answer
Fixed and scrollable gallery column code
CSS
0 vote343 views2 answers
How to zoom picture on hover using css
CSS
0 vote319 views1 answer
Jquery hover class css not working
CSS
39 votes330 views3 answers
Rgba white color
CSS