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 vote279 views2 answers
Block elements css
CSS
0 vote180 views1 answer
How to change a checkbox to be selected
CSS
0 vote178 views3 answers
Svg background css
CSS
3 votes192 views1 answer
Css visibility transition
CSS
45 votes208 views3 answers
Collapse all code vscode
CSS
37 votes191 views6 answers
Overflow in css
CSS
0 vote173 views1 answer
FusedLocationClient.removeLocationUpdates
CSS
0 vote183 views2 answers
Easyui datagrid header color
CSS
0 vote242 views1 answer
After before effect in css
CSS
0 vote244 views1 answer
Table td data in middle
CSS