Web4College

CSS scroll-behavior property

src

CSS scroll-behavior represents the scrolling behavior within a scrolling box due to navigation. The scrolling that a user performs is not affected by this property.

Syntax

: auto | smooth

autoDefault

It does not represent smooth behavior.

scroll-behavior: auto;
Try it

smooth

It smoothens the scrolling.

scroll-behavior: smooth;
Try it

Applicable to

It applies to all elements