Style scrollBehavior Property
Add a smooth scrolling effect to a page:
The scrollBehavior property specifies whether to smoothly animate the scroll position, instead of a straight jump, when the user clicks on a link within a scrollable box.
|auto||Default. Allows a straight jump "scroll effect" between elements within the scrolling box.|
|smooth||Allows a smooth animated "scroll effect" between elements within the scrolling box.|
|initial||Sets this property to its default value. Read about initial|
|inherit||Inherits this property from its parent element. Read about inherit|
CSS reference: scroll-behavior property