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

-1 vote161 views1 answer
Tailwindcss top
CSS
0 vote144 views2 answers
Linear gradient and url css
CSS
0 vote312 views1 answer
Var units = "years"; var davidAge = 65; var johnAge = 40; var ageDifference = davidAge - johnAge; alert("The age difference is " + ageDifference + " " + units);
CSS
2 votes143 views2 answers
How to disable pinch zoom on website for mobile devices
CSS
0 vote251 views1 answer
Farther of genetics
CSS
0 vote205 views1 answer
Bootstrap popover style width
CSS Bootstrap
6 votes208 views3 answers
.row bootstrap
CSS Bootstrap
2 votes101 views1 answer
Xpath vs css selector
CSS
0 vote147 views1 answer
Nuxt lazy load pages pagination
CSS
0 vote177 views1 answer
Simple font-face mixin scss
CSS