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 vote262 views2 answers
Add profile picture to a form in html and css
CSS
0 vote293 views1 answer
Input type password css
CSS
8 votes296 views3 answers
Css max one line three dots
CSS
127 votes258 views4 answers
React import bootstrap css
CSS
2 votes259 views1 answer
Mixin for transition css
CSS
0 vote255 views1 answer
Alpine extract data to script tag
CSS
2 votes237 views1 answer
Make text unhighlightable
CSS
4 votes267 views1 answer
Css border botttom
CSS
0 vote254 views1 answer
Unhover animation
CSS
9 votes246 views4 answers
Css size button
CSS