Smooth Scroll

Enable smooth scrolling for anchor links

Behavior

Live preview

Scroll inside this box to see smooth behavior

Bottom content

CSS

html {
  scroll-behavior: smooth;
}

Browser support

Chrome 61+, Firefox 36+, Safari 15.4+. scroll-behavior widely supported.

Related tools

CSS Gradient Generator Box Shadow Generator CSS Property Explorer

Other CSS examples

Soft Box Shadow Elevated Box Shadow Neon Glow Shadow Blue to Purple Gradient Sunset Gradient Ocean Gradient Emerald Gradient Glassmorphism Neumorphism Text Gradient Truncate Text (Ellipsis)Center with Position Center with Flexbox Center with Grid