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

3 votes165 views2 answers
Centralize div flex
CSS
0 vote290 views1 answer
Width cross browser
CSS
0 vote163 views1 answer
How to make focus outline round in html
CSS
0 vote189 views1 answer
Htacess mono-site
CSS
29 votes249 views6 answers
Css animation
CSS
5 votes178 views6 answers
Pagination
CSS
0 vote127 views1 answer
How to make header on top
CSS
61 votes162 views2 answers
Bootstrap flex direction column
CSS
0 vote227 views1 answer
How fixed image at top
CSS
1 vote154 views1 answer
Insert background image css error
CSS