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 vote230 views1 answer
Stop mysqld.exe cmd
CSS
0 vote204 views1 answer
Nhandled Rejection (TypeError): Cannot read property
CSS
19 votes226 views3 answers
Css stop scrollbar
CSS
5 votes223 views5 answers
Min padding
CSS
-1 vote213 views1 answer
Css backdrop filter grayscale
CSS
3 votes216 views3 answers
Css blur text
CSS
0 vote227 views1 answer
Scss variables mixins
CSS
0 vote206 views3 answers
Boostarp grid npm css react
CSS
25 votes244 views4 answers
Text shadow effect
CSS
4 votes238 views3 answers
Add space between flex items
CSS