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 vote280 views1 answer
Operador css contain attr
CSS
9 votes203 views2 answers
Button style none
CSS
0 vote216 views1 answer
Wpforms submit button css
CSS
0 vote196 views1 answer
Selectors combinators css
CSS
0 vote369 views1 answer
Farther of genetics
CSS
0 vote195 views3 answers
Remove cursor pointer css
CSS
0 vote202 views1 answer
Responsive card css
CSS
29 votes192 views2 answers
Scc chang the background color
CSS
5 votes206 views3 answers
Set scroll position bottom in div css
CSS
13 votes179 views3 answers
Centering css elements
CSS