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 vote140 views1 answer
Change height of range slider html
CSS
18 votes111 views2 answers
Hover transition css
CSS
1 vote156 views1 answer
Css everything under element
CSS
106 votes147 views5 answers
Position css
CSS
0 vote143 views1 answer
Css cap rows paragraph
CSS
20 votes135 views5 answers
Css coor background
CSS
0 vote147 views1 answer
Box-shadow um ganzen div
CSS
0 vote149 views1 answer
Horizontal scroll only css mobile
CSS
55 votes287 views5 answers
Bootstrap 3 button
CSS Bootstrap
0 vote147 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap