CSS Click Chart

Scroll Behavior

Lets you define the behavior of a scrolling element (instant scrolling or smooth transition) when scrolling is via navigation or a scrolling API. User scrolling is not affected.

Specification

Smooth Scrolling: The scroll-behavior Property on W3C

Example Code

Live Demonstration

For a live demo of the scroll-behavior property, open this CodePen in a supporting browser.

Browser Support

Can I Use css-scroll-behavior? Data on support for the scroll-behavior feature across the major browsers from caniuse.com.

Tools / Polyfills

Tutorials / Articles