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 vote242 views1 answer
Subtracting css
CSS
0 vote207 views2 answers
Change svg color on hover, css
CSS
4 votes196 views2 answers
CSS shrink image
CSS
6 votes160 views1 answer
Jqeury css edit
CSS
6 votes193 views1 answer
How to set option size to select in html css
CSS
0 vote214 views7 answers
Convert css box shadow to react native
CSS
0 vote234 views1 answer
Html link local css file
CSS
2 votes202 views2 answers
How to serve css in golang
CSS
2 votes215 views1 answer
Css resize image without distortion
CSS
0 vote217 views1 answer
Download-a-file-in-laravel-using-a-url-to-external-resource
CSS