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 vote177 views1 answer
Ovale css
CSS
1 vote208 views1 answer
Chrome hide blue highlight css mobile
CSS
37 votes183 views6 answers
Add gradient to text css
CSS
0 vote221 views1 answer
Screen sizes for css media
CSS
0 vote175 views1 answer
What is bulletproof buttons
CSS
0 vote189 views1 answer
Line-break
CSS
0 vote186 views1 answer
Adding script in vat for product order shopify
CSS
0 vote179 views1 answer
Css fit iframe to div
CSS
0 vote255 views1 answer
Focus in styled component
CSS
0 vote172 views3 answers
Bulma capitalized
CSS