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 votes261 views1 answer
Css focus outline none
CSS
0 vote257 views1 answer
Laravel css image url
CSS
0 vote291 views1 answer
Css mask cut diagonal
CSS
0 vote268 views1 answer
Scss flex
CSS
0 vote276 views1 answer
Stop padding from changing div size
CSS
0 vote301 views1 answer
Screen sizes for css media
CSS
12 votes249 views5 answers
How to update the object value of any array key based on value
CSS
72 votes284 views6 answers
How to change font size in css
CSS
0 vote277 views1 answer
Disable text higlighting
CSS
7 votes274 views3 answers
Pm2 remove process from list
CSS