Menu
Samaritan's Purse

SCROLL-BEHAVIOR

The scroll-behavior property specifies the scrolling behavior for a scrolling box, when scrolling happens due to navigation or CSSOM scrolling APIs.

Other scrolls, such as those performed by the user, are not affected by this property.

SYNTAX

CSS

scroll-behavior: value;

JS

object.style.scrollBehavior = "value";

VALUES

<'scroll-behavior'> = auto | smooth
auto

The scrolling box is scrolled in an instant fashion.

smooth

The scrolling box is scrolled in a smooth fashion using a user-agent-defined timing function over a user-agent-defined period of time.

INITIAL

auto

EXAMPLES

AUTO

SMOOTH

JS

World Wide Web Consortium (W3C)