Property scroll-behavior

Specifies whether to smoothly animate the scroll
position in a scrollable box, instead of a
straight jump

Syntax

/* Keyword values */ scroll-behavior: auto; scroll-behavior: smooth;

/* Global values */ scroll-behavior: inherit; scroll-behavior: initial; scroll-behavior: revert; scroll-behavior: revert-layer; scroll-behavior: unset;