← TechnologyThe essentials of

scroll-behavior: smooth doesn't manage every scroll

Publisher: ResumeMaker • 1 source

Published: 22 Oct 2026 13:13 · Updated: 22 Oct 2026 13:13

AI source check: 21 Oct 2026 13:48. This is not editorial approval.

In a few sentences

In brief

The smooth effect refers to navigation and program scrolling.

Useful to know

scroll-behavior sets the scrolling behavior induced by navigation or corresponding programming API. The smooth value allows a smooth transition instead of an immediate jump. Manual scrolling is not determined by this property. [1]

Example: html { scroll-behavior: smooth; }. If the target is an internal panel, the rule should be on its scrolling container. The browser determines the duration and can ignore the effect. Provide appropriate behavior in a reduced-motion preference; fluidity is an addition to navigation, not a condition for the link to work.

Sources

For further detail and to check the information:

  1. [1] MDN — scroll-behavior ↗