🔄smooth

Smooth animated scrolling between positions

⚡auto

Instant jump to scroll position (browser default)

Include scroll-padding-topInclude scroll-margin for anchor targetsInclude scroll-snap-type

Section 1 - Top

Section 2

Section 3

Section 4

Section 5 - Bottom

Current behavior: smooth

🔄

Animated transition between scroll positions. Creates a polished, user-friendly experience.

⚡

Instant jump to target position. Browser default behavior, no animation.

html {
  scroll-behavior: smooth;
}