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

6 votes198 views4 answers
Disable click css
CSS
0 vote193 views1 answer
Mac input shadow
CSS
2 votes255 views1 answer
Css center in td
CSS
4 votes189 views2 answers
Silver hex code
CSS
3 votes216 views4 answers
Css keep image ratio
CSS
0 vote191 views1 answer
Enhancer for Youtube DeepDark Theme
CSS
0 vote233 views1 answer
Btn keeps pushing down on window resize
CSS
1 vote182 views1 answer
Css fade in and stay
CSS
2 votes198 views1 answer
Js confirm yes no before delete
CSS
0 vote235 views1 answer
What is integrity cdn
CSS