scroll-behavior: smooth
Enable smooth scrolling for anchor links and programmatic scrolls with scroll-behavior.
What is scroll-behavior?
scroll-behavior controls whether scrolling that is triggered by navigation (anchor links, JavaScript scrollTo()) should animate smoothly or jump instantly.
scroll-behavior: smooth
Setting scroll-behavior: smooth on the html or body element makes all page anchor link navigation animate smoothly:
html {
scroll-behavior: smooth;
}