CSS scroll-behavior Property

Instead of a scroll jump, this property is used for smooth animation of scroll position. When the user clicks on links, the program runs smoothly. It is used to navigate from one link to another within a scrollable box.




Property Values

Value Description
auto Allows for a direct "scroll effect" jump between elements within the scrolling box. This is the default setting.
smooth Allows for a smooth animated "scroll effect" between scrolling box elements.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Property Chrome Firefox Safari Edge / IE Opera
scroll-behavior 61.0 36.0 14.0 79.0 48.0