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

2 votes403 views3 answers
Sequelize order by
CSS
0 vote386 views1 answer
String interning in python
CSS
0 vote430 views2 answers
Google font smooth
CSS
0 vote366 views1 answer
AddCorsMappings registry.addMapping
CSS
3 votes363 views2 answers
Multiple box shadows css
CSS
2 votes340 views1 answer
Half border bottom
CSS
0 vote358 views3 answers
To build this project, accept the SDK license agreements and install the missing components using the Android Studio SDK Manager.
CSS
0 vote354 views1 answer
Center a spinner css
CSS
0 vote361 views1 answer
Display elements in column css
CSS
6 votes371 views2 answers
Css make text transparent
CSS