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 vote333 views5 answers
Style
CSS
0 vote335 views1 answer
Sub menu not showing horizontal css
CSS
3 votes336 views2 answers
Image with background color css
CSS
0 vote373 views1 answer
Stop padding from changing div size
CSS
0 vote341 views3 answers
Navigation sidebar animated
CSS
0 vote336 views2 answers
Html5 vs css3
CSS
1 vote284 views1 answer
Transition all 0.3s ease-in-out
CSS
0 vote356 views1 answer
Wordpress link post tags
CSS
0 vote342 views1 answer
Inherit styles
CSS
2 votes354 views1 answer
Css prevent text blue selection
CSS