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

2 votes226 views1 answer
How to put a black overlay on a photo css
CSS
1 vote166 views1 answer
How to keep background image sticky on top
CSS
1 vote180 views1 answer
How to stop a page from scrolling horizontally
CSS
1 vote185 views1 answer
How to validate mail adress css
CSS
3 votes170 views2 answers
Div align right in css
CSS
1 vote186 views1 answer
How to set media query for both width and height in css
CSS
58 votes187 views3 answers
@media
CSS
15 votes171 views3 answers
Drop shadow image css
CSS
0 vote231 views1 answer
Tint image css
CSS
13 votes243 views4 answers
How to print background bootstrap
CSS Bootstrap