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 vote255 views1 answer
Images css in react native fir in container
CSS
1 vote275 views1 answer
How to make button appear on hover
CSS
0 vote260 views1 answer
Css using border top border bottom to create a hamburger icon
CSS
1 vote332 views1 answer
Can we use multiple keyframes in css
CSS
0 vote283 views1 answer
Css border image repeat property
CSS
0 vote318 views2 answers
List-style-image size
CSS
0 vote278 views1 answer
React right burger scrol bar
CSS
0 vote271 views1 answer
Move text outside div
CSS
0 vote273 views1 answer
Css using the same background-color as the parent background
CSS
0 vote281 views1 answer
Prevent css animation reset
CSS